Syncfusion RichTextEditor ASP.Net MVC格式下拉列表

时间:2018-11-22 07:38:42

标签: rich-text-editor syncfusion

有人可以帮助我如何更改Richtexteditor ej2 syncfusion中Formats下拉列表的内容吗?

目前,默认值为:段落,代码,引号,标题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="";

1 个答案:

答案 0 :(得分:0)

您可以使用 Format 属性修改现有的“ format”选项,如下所示。

[查看]

props

[控制器]

props

如果新添加的项目具有任何预定义格式,则可以在值中提及该格式。否则,如果要执行自定义操作,则可以通过RTE的actionBegin事件获取所选项目,然后在其中执行所需的操作。现在,项目将显示在工具栏中,如下所示

Screenshot

Sample