Syncfusion RichTextEditor ASP.Net MVC Формат раскрывающийся список

Question

Может кто-нибудь помочь мне, как я могу изменить содержимое выпадающего списка Форматы в richtexteditor ej2 syncfusion?

На данный момент значения по умолчанию: Абзац, Код, Цитата, Заголовок 1 и т. Д.

Я хочу удалить код, цитату и добавить новый пользовательский формат под названием «Мой абзац».

Я просмотрел документацию и, по-видимому, ее нет в списке.

Справка будетбыть оцененнымВот какая у меня текущая конфигурация:

@Html.EJS().RichTextEditor("table").ToolbarSettings(e => e.Items((object)ViewBag.tools)).Value((string)ViewBag.value).QuickToolbarSettings(e => { e.Table((object)ViewBag.table); }).InsertImageSettings(new RichTextEditorImageSettings() { Path = "/Uploads/", SaveUrl = "/Home/Save" }).ShowCharCount(true).MaxLength(2000).Created("created").Render()

Метод возврата конфигурации контроллера в viewbag

 var tools = new
        {
            tooltipText = "Custom Tools",
            template = "<button class='e-tbar-btn e-btn' tabindex='-1' id='custom_tbar' style='width:100%'><div class='e-tbar-btn-text rtecustomtool' style='font-weight: 500;'> Custom Tools</div></button>"
        };

        ViewBag.tools = new object[] {
            "Bold", "Italic", "Underline", "StrikeThrough",
            "FontColor", "BackgroundColor",
            "LowerCase", "UpperCase", "|",
            "Formats", "Alignments", "OrderedList", "UnorderedList",
            "Outdent", "Indent", "CreateTable","|",
            "CreateLink", "Image", "|", "ClearFormat", "Print",
            "SourceCode", "FullScreen", tools,"|", "Undo", "Redo"
        };

        ViewBag.table = new[] {
            "tableRows","tableColumns","tableCellVerticalAlign","tableCellHorizontalAlign","backgroundcolor"
        };
        ViewBag.value="";

Answer 1

Вы можете изменить существующую опцию «формат», используя свойство Формат , как показано ниже.

[Просмотр]

@Html.EJS().RichTextEditor("default").Format((object)ViewBag.types).ActionBegin("onBegin").Render() 
<script> 
    function onBegin(e) { 
        alert(e.element.textContent + " is Selected"); 
    } 
</script> 

[Контроллер]

public ActionResult Index() 
{ 
    object format1 = new { text = "Paragraph", value = "P" }; 
    object format2 = new { text = "My Paragraph", value = "BlockQuote" }; 
    object format3 = new { text = "Heading 1", value = "H1" }; 
    object format4 = new { text = "Heading 2", value = "H2" }; 
    ViewBag.types = new { width = "40px", 
        types = new[] { format1, format2, format3, format4 } 
    }; 
    return View(); 
} 

Если вновь добавленный элемент имеет какой-либо предварительно определенный формат, вы можете указать этот формат в значении.Иначе, если вы хотите выполнить настраиваемое действие, вы можете получить выбранный элемент через событие actionBegin RTE и выполнить там необходимое действие.Теперь элементы будут отображаться на панели инструментов, как показано ниже

Образец