标签: rich-text-editor

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

有谁知道如何在CKEditor 3.x系列中自定义(添加或删除)字体？我看了一遍,我无法弄清楚如何.据说有一个/ plugin/fonts文件夹,但它不存在于3.5+的CKEditor中.

如何允许base64数据用于图像标记的src属性？我看到这样的代码:

$config->set('URI.AllowedSchemes', array('http' => true, 'https' => true, 'mailto' => true, 'ftp' => true, 'nntp' => true, 'news' => true, 'data' => true));

在这种情况下,是否data => true允许base64？如果是这样,我怎么能只允许base64数据用于img标签的src属性？(我不想在其他情况下允许数据URI.)

我想过做的事情:

$ def-> addAttribute ('a', 'target', 'Enum # _blank, _self, _target, _top');     

但在我的情况下像这样:

$ def-> addAtribute ('img', 'src', 'Enum # data, http, https, ...);

这可能吗？

我们有办法禁用操作文本的附件吗？类似于下面的 has_rich_text :content,attachment: false

这样，我们就可以从数据库中删除 active_storage_blobs、active_storage_attachments 表。在这种情况下，只有 action_text_rich_texts 表才能满足目的。

根据我的问题，我想删除一些默认的工具栏选项，例如字体系列或表情符号，并仅保留文本样式选项。怎么做 ？

对于我的编辑来说。

<Editor
    editorState={editorState}
    wrapperClassName="demo-wrapper"
    onEditorStateChange={this.onEditorStateChange}
    toolbar={{
        inline: { inDropdown: true },
        list: { inDropdown: true },
        textAlign: { inDropdown: true },
        link: { inDropdown: true },
        history: { inDropdown: true },
    }}
/>

标题说明了一切.我发现你必须编辑一些TinyMCEEditor css文件但是在Vaadin 7项目中如何以及在哪里做到这一点？所有主题和风格的CSS结构.

我在我的应用程序上使用SmartGWT,在尝试从浏览器中获取事件时遇到了一些问题.我需要获取ONPASTE事件,但是当我尝试使用它时,onBrowserEvent方法甚至不会被调用.

这是我正在使用的代码.

import com.google.gwt.user.client.Event;
import com.smartgwt.client.widgets.RichTextEditor;

public class CustomRichTextEditor extends RichTextEditor {
    public CustomRichTextEditor() {
        super();
        sinkEvents(Event.ONPASTE);
    }

    @Override
    public void onBrowserEvent(Event event) {
        super.onBrowserEvent(event);
        System.out.println("Event.getTypeInt: " + event.getTypeInt() + " - Event.getType: " + event.getType());
        switch (event.getTypeInt()) {
        case Event.ONPASTE:
            System.out.println("Paste Detected");
            break;
        }
    }

}

有谁能够帮我？

我正在 QuillJS 中创建一些自定义印迹。它们大多有效，但是我在复制和粘贴印迹时遇到问题，并认为这是由于未提供index(node: Node, offset: number): number或position(index: number, inclusive: boolean): [Node, number]实现。

印迹是 类型的blots/embed。他们生成的标记看起来像（我添加了一个sampleandspellcheck属性，并生成包含一个图标和一些文本的内容）： <sfx sample="A Sample" spellcheck="false"> &#65279; <span contenteditable="false"><i class="btr bt-volume-up"></i>A Sample</span> &#65279; </sfx>

如果我尝试自己选择印迹然后复制和粘贴，我只会粘贴 sfx 标签的内容，而不是新的嵌入实例......（顶部嵌入是预期的格式，底部是它的样子粘贴时。蓝色边框显示选择）。

如果我选择印迹并在选择中包含其他任何内容，例如左侧的空格，则复制/粘贴按预期工作。

我确实想要默认选择行为，即嵌入选择作为一个整体并且表现得像它的长度为 1。

我无法确定要做什么index以及position（假设这是原因？）来完成这项工作。任何人都可以通过描述我需要做什么并解释这些回调的行为方式来提供帮助（羊皮纸文档中的描述有点薄）。做类似事情的参考实现就足够了，我已经查看了 quill 内置的嵌入，但它们似乎没有帮助。

默认情况下，Quill 支持图像、视频和公式等嵌入格式。如何使用 Quill Editor 嵌入 pdf 或 doc 文件？

我有一个包含帖子的博客。我还有一个富文本编辑器（Quill）。

是否可以检查富文本编辑器是否有空内容？

我使用 Quill（与 React、Express JS、MongoDB），并且我想以某种方式防止在数据库中存储空值。

问题是，如果我在编辑器中添加空格，Quill将会生成空段落。所以没有内容只有空段落。使用普通输入字段，我可以检查空字符串，但如果我有富文本编辑器怎么办？

问题：

<p>                     </p>

甚至更糟

<p>                            </p><p><br></p><p><br></p><p>       </p>

我真的不想将其保存到数据库中。因为我不想有空帖子。我该如何解决这个问题？可以以某种方式检查空段落的解决方案吗？...但是标签呢<br>？

请打开此代码和框，然后输入一堆空格，然后单击按钮。打开控制台，您将看到编辑器的输出。

代码沙盒： https: //dxqhq.codesandbox.io/

非常感谢