标签: rich-text-editor

我听说新的HTML5将为textareas添加丰富的文本功能(它会使它们更灵活),所以你可以做代码语法突出显示编辑器之类的东西,而不需要非常讨厌的javascript(比如创建iframe和东西).

这是真的？是否有支持它的浏览器？我在哪里可以找到一些API？

我正在尝试向quill.js添加一个自定义功能("模块"),似乎无法做到这一点.这就是我需要的:

如果想要添加一个插入模板替换变量的按钮...在编辑器中光标所在位置说{{company}}之类的内容,那么目前可能使用API​​ - 我想我可以使用insertText但是我似乎无法让它工作.

谢谢

我需要在某种后端保存编辑器的一些内容,这些内容目前尚未指定.目前我在努力创建文档的结构.在编辑器中,用户应该能够编写文本并放置视频或图像,而不需要如何放置图像和文本的固定结构.用户应该按照他想要的任何顺序放置这3个组件.

在实践中,编辑器看起来像这样:

问:如何保存结构,下次加载完全相同的编辑器,或者<div>再次使用内容创建只读容器和可编辑的富文本编辑器？

我的第一个想法是,一旦内容类型发生变化,就将编辑器拆分为较小的子编辑器.例如,您只从一个带文本的编辑器开始.然后,用户添加另一个编辑器(例如,单击按钮)并添加图像.但我不确定用户是否接受了这一点,然后将所有内容(文本和图像)放在第一个编辑器中.

我的第二个想法是保存在html编辑器代码视图中创建的整个内容,并在下次订购时将其加载到编辑器中.但我不确定是否可以通过这种方式创建<div>具有相同内容的"普通"只读容器.

在我看来,我的两个想法都不那么好,所以我问你们你们建议做什么.

我正在编写一个数据输入程序,其中最后一个字段将是一个RichTextBox,供用户输入备注,格式化为print.

是否已经实现了所有GUI的免费或开源.NET WinForms富文本编辑器？大多数搜索最终会使用基于网络的编辑器,如FCKEditor和朋友(或竞争对手,具体取决于您的看法).

如果没有(我非常怀疑),我将完全开始一个新的开源RichTextEditor.

正如标题所示,我想知道,
是否有适用于Android的开源富文本编辑器？

我想知道如何在Draft.js中对齐文本,如下图所示.

我已经搜索了几天,但我还没有找到解决方案.

我正在使用CKEditor并在config.js文件中定义了一个自定义工具栏.

但是,当我刷新出现CKEditor的页面时,不会显示此自定义工具栏.

下面是config.js文件中的自定义工具栏.

CKEDITOR.editorConfig = function( config )
{
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
    config.toolbar = 'Custom';

    config.toolbar_Custom =
    [
        { name: 'document', items : [ 'NewPage','Preview' ] },
        { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
        { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] },
        { name: 'insert', items : [ 'Image','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'
                 ,'Iframe' ] },
                '/',
        { name: 'styles', items : [ 'Styles','Format' ] },
        { …

我在tinymce中创建了一个自定义下拉列表,如下所示:

tinymce.init({
    toolbar: "alignment",

    setup: function(editor) {
        editor.addButton('alignment', {
            type: 'menubutton',
            text: 'Alignment',
            icon: false,
            menu: [
                { text: 'left', onclick: function() {tinymce.activeEditor.formatter.toggle('alignleft');}},
                { text: 'center', onclick: function() {tinymce.activeEditor.formatter.toggle('aligncenter');}},
                { text: 'right', onclick: function() {tinymce.activeEditor.formatter.toggle('alignright');}},
                { text: 'justify', onclick: function() {tinymce.activeEditor.formatter.toggle('alignjustify');}},
            ]
        });

    }

});

这创造了这个:

但是,我想要的是从下拉菜单中的主工具栏中移动对齐按钮.

如何将这些实际按钮从工具栏中放入下拉菜单？它是像上面的代码还是完全不同的方式？

因此,基本上将这些按钮放在上面的下拉列表中,也可以打开和关闭切换状态.

根据element.execCommand（）函数的API，它说它具有三个参数：aCommandName，aShowDefaultUI，aValueArgument。

API对第一个和第三个参数的描述非常清楚，但是我不确定第二个参数的含义。

这就是API所说的：

aShowDefaultUI：一个布尔值，指示是否应显示默认用户界面。Mozilla中未实现此功能。

说“默认用户界面”是什么意思？

作为参考，我正在使用element.execCommand（）创建自己的WYSIWYG Web文本编辑器，该编辑器只需要在Google Chrome中运行即可。

我使用过jQuery的jqrte文本编辑器,但它有许多缺点.任何人都可以建议一个轻量级的jQuery文本编辑器,其中包含常用工具和表格以及带浏览按钮的图像上传链接？