Начало

RayCraft Write е WYSIWYG редактор за форматиран текст за Blazor Server на .NET 10. Дава на потребителите познатата работна повърхност на текстов редактор за статии, писма, описания на продукти и документи, а на вас връща чист и безопасен HTML, Markdown, JSON или Word файлове на сървъра.

Какво получавате

• Самият редактор: JavaScript (ES модули, без библиотеки, без стъпка за сглобяване) в една Razor библиотека, пакет RayCraft.Write.
• C# част за всичко, което иска сървър: филтриране и чистене на HTML, преобразуване в Markdown, JSON и HTML за писма, износ и внос на Word, библиотека от файлове, ревизии, коментари и проверки на достъпността.
• Малки интерфейси за всичко, което може да искате да смените: съхранение на файлове, шаблони, проверка на правописа, прегледи на връзки, хора, ревизии, коментари и съвместна работа.
• Десет езика на интерфейса.

Пакетът зависи само от споделената рамка Microsoft.AspNetCore.App. Не му трябва друг пакет на RayCraft.

За пет минути

1. Инсталирайте пакета от feed-а на RayCraft (Инсталация).
2. Регистрирайте услугите и вдигнете лимита на съобщенията на SignalR:

builder.Services.AddRazorComponents()
    .AddInteractiveServerComponents()
    .AddHubOptions(o => o.MaximumReceiveMessageSize = 20 * 1024 * 1024);

builder.Services.AddRte();

1. Ползвайте компонента на интерактивна страница:

@page "/article"
@rendermode InteractiveServer

<RichTextEditor @bind-Value="html" DocumentId="article-42" />

@code {
    string? html = "<p>Hello</p>";
}

1. Свържете стила в <head> на App.razor (редакторът го зарежда и сам, но така няма проблясване на нестилизирано съдържание):

<link rel="stylesheet" href="_content/Rte/css/rte.css" />

Вързаната Value винаги се филтрира на сървъра, преди вашият код да я види (Сигурност).

Как си пасват частите

Част	Къде	Какво прави
RichTextEditor	компонент	показва редактора, свързва Value, предлага методи
RteOptions	параметър Options	всичко, което вижда потребителят: лента, режими, лимити, език
AddRte(...)	Program.cs	настройки на сървъра и услугите по подразбиране
Rte.Processing	статични класове	същите преобразувания без редактора
Rte.Export	BasicDocxExporter, BasicDocxImporter	Word файлове
JavaScript API	window.Rte, приставки	разширява редактора в браузъра

Изисквания и граници

• .NET 10, Blazor Server с интерактивно сървърно изобразяване.
• Тестваната цел е съвременен браузър на основата на Chromium. Firefox, Safari, сензорни устройства, IME въвеждане и истински устройства за реч още не са тествани.
• Формулите и диаграмите се рисуват само ако на страницата има KaTeX или Mermaid. Едновременното писане иска CRDT, който вие свързвате. PDF е диалогът за печат на браузъра. Вижте Износ и внос.

Накъде нататък

Инсталация · Конфигурация · Функции · Менюта и клавиши · Езици · Износ и внос · Сигурност · Често задавани въпроси · Лиценз