与 ContentEditable 一起使用的所见即所得编辑器是什么? [关闭]

2023-12-20

我正在尝试构建类似于 Google Docs 的东西,您可以在其中直接编辑页面,而不是通过文本区域或 iframe。这可以通过 contentEditable HTML5 属性来实现。

那么,有没有什么好的编辑器可以在 contentEditable 之上使用,以提供文本格式、插入链接、从 Word 粘贴等功能?

http://www.aloha-editor.org/ http://www.aloha-editor.org/是我发现的一个,但我想知道是否还有更多。

(编辑:我应该澄清我并不是想构建wholeGoogle Docs,我只是用它作为编辑实际内容的示例)


2.0版本WYMeditor http://www.wymeditor.org/(目前正在由我和其他人进行大量开发)也使用 contentEditable,但主要依赖于选择/范围/dom 进行操作,因为 designMode 和 contenteEditable API 的行为在浏览器供应商之间存在很大差异。

一些功能/设计目标是:

  • 所见即所得编辑– 将内容和演示文稿分开,我们启用富文本格式,但将演示文稿留给设计人员。

  • 模块化架构– 仅使用您想要的组件(并将它们与您自己的用户界面挂钩)或放入带有工具栏、对话框和所有内容的“全栈”编辑器。

  • 严格的xHTML(5)– 编辑器默认输出严格的 XHTML(可以轻松根据需要转换内容)。如果这不是您想要的,您可以编写自己的解析器和序列化器来支持您想要的任何格式。

  • 占位符/自定义元素– 占位符甚至自定义元素使您能够管理编辑器内几乎任何类型的内容。与 StructureValidator 一起,您可以强制执行嵌套、格式、有效属性等规则。

来源可用在 GitHub 上 https://github.com/wymeditor/wymeditor/tree/future第一个测试版预计将在一两个月内发布。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

与 ContentEditable 一起使用的所见即所得编辑器是什么? [关闭] 的相关文章

  • EditText 随选择缩放

    我有一个EditText我想缩放它并滚动setScaleX setScaleY它工作正常 文本正在正确的位置进行编辑 但是当我尝试选择文本时 它会将选择手柄绘制到位置 就像文本未缩放时一样 我们都知道bug https code googl
  • document.execCommand() FontSize(以像素为单位)?

    如何使用以下命令将字体大小更改为 30px 例如 document execCommand This document execCommand fontSize false 30px 不起作用 因为在函数 execCommand 的第三个参
  • 具有 Visual Studio 编辑器功能的独立文本编辑器

    有人知道任何具有 Visual Studio 编辑器功能的文本编辑器吗 具体来说 我正在寻找以下功能 CTRL C 行中任意位置 未选择任何文本 gt 复制整行 在线任意位置按 CTRL X 或 SHIFT DEL 未选择任何文本 gt 剪
  • 将我现有的富文本 UI 与 CKEditor API 结合使用

    我有一个现有的富文本 UI 我想将其与 CKEditor 一起使用 基本上 我希望 CKEditor 能够处理应用样式 格式 过滤和规范化插入内容的复杂部分 我现有的 UI 需要驱动交互并根据选择显示状态 即 选择粗体文本应反映在 UI 中
  • 内容可编辑和非按钮元素

    如果使用按钮 我可以轻松地对内容可编辑的选择执行 execcommand 但是使用任何其他元素都会失败 http jsbin com atike edit http jsbin com atike edit 为什么会这样以及如何使用 div
  • 如何让tinymce(浏览器内的“富编辑器”)保留缩进

    问题 我将 Drupal 与丰富的编辑器一起使用 而丰富的编辑器喜欢通过删除缩进和格式来破坏我的文本 这在桌面编辑器中是不可接受的 但人们似乎可以在浏览器内编辑器中容忍这种情况 问 如何关闭此功能 我已经四处搜索 但尚未找到告诉富编辑器保留
  • div 中的 contentEditable javascript 插入符位置

    我有一个contentEditable div 假设用户单击一个按钮 将 HTML 插入可编辑区域 因此 他们单击一个按钮 以下内容将添加到innerHTML of the contentEditable div div div div d
  • 访问 bootstrap-wysihtml5 编辑器对象

    我正在尝试访问 bootstrap wysihtml5 编辑器对象 我这样做是这样的 document ready function someLink live click function var wysihtml5Editor text
  • Froala 添加自定义预编码按钮

    我正在尝试创建一个代码按钮Froala http editor froala com 编辑器基本上可以通过按执行与此处相同的操作CNTRL K 现在我想我有两个选择 第一个是编辑 froala editor js 文件 因为 Froala
  • Contenteditable 显示最后插入的 html 元素

    我使用 contenteditable div 作为输入字段来输入一些文本 并通过该文本中的按钮 小 html 图片 插入图标 只要文本比 contenteditable 字段窄 就可以了 一旦文本比字段长 因此它被部分隐藏 当我输入文本字
  • 如何从 jQuery 中删除 sizset 和 sizcache 属性?

    我已经知道了sizcache 和 sizset 属性是什么 https stackoverflow com questions 3782709 what purpose do sizcache and sizset serve in jqu
  • Rails 3 和富文本编辑器 [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我正在构建一个 Rails 3 应用程序 其中包含博客 评论和其他需要用户输入文本的功能 我的问题是使用 Javascript 富文本编辑器是否
  • 语法高亮是如何构建的?

    我现在正在使用 Lazarus 构建一个开发人员编辑器 作为每个优秀的开发人员编辑器 它需要有语法突出显示 因此我想知道一些事情 语法高亮通常是如何构建的 使用许多ifs 更改 a 上的字体TextField TSynEdit这样做很好吗
  • 用于选择矩形内文本的编辑器

    我经常发现自己在处理某些文本时想要排除文本的特定部分 例如 40 行的前三个字符 我能想到的最快方法是绘制一个矩形并复制文本 我主要使用 Windows 但我确信 grep 或类似的东西可以用少量代码来完成此操作 我最好的方法是打开命令提示
  • 获取内容可编辑插入符位置

    我找到了大量关于如何进行跨浏览器的良好答案seta 中的插入符位置contentEditable元素 但没有关于如何get插入符号位置放在第一位 我想做的是知道 div 中的插入符号位置keyup 因此 当用户输入文本时 我可以在任何时候知
  • 在 VS2008 的 XAML 编辑器中禁用 Intellisense?

    有没有办法在 Visual Studio 2008 的 XAML 编辑器中禁用 Intellisense 打字时通常会消耗很大的性能 有时我会等待十秒或更长时间 直到列表自动弹出 似乎在 选项 gt 文本编辑器 gt XAML 中 Inte
  • Eclipse 中的“自动插入通用前缀”有什么作用?

    我一直在寻找一种改进 Eclipse 中自动完成功能的方法 并且在首选项窗口的 Java gt 编辑器 gt 内容辅助部分中发现了此首选项设置 自动插入公共前缀 我想知道它有什么作用 因为我没有感觉到任何区别 帮助说 如果启用 代码辅助将自
  • TinyMCE 的 addButton() 函数中所有可能的设置属性是什么?

    The 文档 http www tinymce com wiki php API3 method tinymce Editor addButton对此还不是很清楚 name 字符串 要添加的按钮名称 设置 对象 带有标题 cmd 的设置对象
  • 我可以使用 vim “star” 搜索来搜索 PHP 类成员和方法吗?

    vim 星号 星号搜索 help star 是一个很棒的功能 它可以让您找到光标所在单词的下一个出现位置 不幸的是 它将美元前缀视为字符串的一部分 因此如果我在类名中的 SearchTerm 上方按 它会在注释中找到 SearchTerm
  • 从 Eclipse Java 编辑器中获取选定的文本

    我正在开发一个 Eclipse 插件 按下按钮后 该插件会在 Java 编辑器中获取选定的文本 并将其放入出现的文本框中 我的代码如下所示 我从这里得到它 http dev eclipse org newslists news eclips

随机推荐

  • 我可以使用英语以外的其他语言作为 firestore 中文档和集合的名称吗?

    如果不是在开发过程中 使用英语以外的其他语言可能会在以后产生任何错误吗 如中所述文档 https firebase google com docs firestore quotas limits 您可以使用任何 UTF 8 字符作为集合和文
  • EncryptedSharedPreferences 中需要使用什么密钥别名?

    如何在加密共享首选项中使用密钥别名 下面是我的加密共享首选项 KeyGenParameterSpec spec new KeyGenParameterSpec Builder DEFAULT MASTER KEY ALIAS KeyProp
  • R 提取列大于 40 的行[重复]

    这个问题在这里已经有答案了 再会 我有一个从 txt 文件中获取的数据集 gt MyData Xdat Ydat 1 1 12 2 2 23 3 3 34 4 4 45 5 5 56 6 6 67 7 7 78 我需要使用这个集合来提取与第
  • 预期有一个赋值或函数调用,但看到的是一个表达式。eslint no-unused-expressions

    您好 我在函数内使用三元运算符 但 eslint 会抛出错误 请帮我解决这个问题 const Test showBtn bubbleId latitude longitude zoom drillLevel gt setShowBtn sh
  • 无法解决android中属性不兼容错误

    我有一个以下错误 我不知道为什么会发生这种情况 我所做的就是添加标志 名为 mon 并尝试将其添加到 xml 中的自定义视图 mon 以外的标志有效 出色地 这个错误是什么意思 我很想听听你的消息 Android resource link
  • JSP表单日期输入字段

    我使用 Intellij 中的 Spring Web 应用程序创建了一个包含多个字符串的基本输入表单 仅使用字符串时 表单成功保存到后端 因此我决定在模型中添加一个日期字段 并尝试修改控制器 jsp 以在输入表单中接受此字段 并显示在记录列
  • 在 C++11 应用程序中记录错误的优雅方法?

    我正在开发一个小型 C 11 应用程序 一个 SDL2 游戏 并且我很难将一些面向对象的知识从 PHP Java 移植 到 C 例如 为了创建一个优雅的错误日志记录方法 我将创建一个包含各种适配器的类并在那里集中日志记录 我已经在 C 中做
  • Java Final 变量有默认值吗?

    我有一个这样的程序 class Test final int x printX Test System out println const called void printX System out println Here x is x
  • 使用 underscore.js 将两个(或多个)数组映射为一个

    我需要按元素添加几个数组 也就是说 我有几个长度相等的数组 并且我只需要一个具有相同数量的元素 即输入之和 的数组 Underscore 具有将所有元素折叠为一个并使用函数映射每个元素的方法 但我找不到任何方法将两个数组分段组合 如果我原来
  • 使用托管包框架实现语言服务

    我已按照演练中列出的步骤进行操作 http msdn microsoft com en us library bb166360 aspx http msdn microsoft com en us library bb166360 aspx
  • AWS CloudFormation 函数调用失败:Fn::ImportValue 不得依赖于任何资源、导入的值或 Fn::GetAZs

    我有一个云形成模板 mainVPC 它在 VPC 中创建几个子网并导出名称为 PrivateSubnetA PrivateSubnetB 的子网 我有一个不同的云形成模板来创建 DBSubnetGroup 如果用户不提供数据 我想使用 Pr
  • Pandas Dataframe 保存到 csv 文件

    我想知道如何将新的 pandas 系列保存到不同列的 csv 文件中 假设我有两个 csv 文件 它们都包含一列作为 A 我对它们做了一些数学函数 然后创建一个新变量作为 B 例如 data pd read csv filepath dat
  • 如何在java中进行批量http调用

    我正在尝试通过 Http 访问另一个服务以使用 HttpClient 获取数据 uri 应类似于端点 80 itemId 我想知道是否有办法进行批量调用来指定一组 itemId 我确实发现有人建议在创建请求时使用 setHeader Htt
  • register_shutdown_function 覆盖

    是否可以覆盖已经设置的register shutdown function堆 就像是 function f1 echo f1 function f2 echo f2 register shutdown function f1 echo ac
  • Python和MySQL打印结果

    我正在尝试自学 Python 但遇到了障碍 我需要从 MySQL 获取一个字段 但是当我从数据库检索数据时 结果很奇怪 这是我使用的下面的代码 cursor1 db cursor cursor1 execute select djname
  • Node.js 服务器只是不断加载,没有任何结果。

    我一直在尝试让我的服务器正常工作 但是当我发送发布数据时 它只是不断加载并且没有给出任何结果 这是我的 noen js 文件 var http require http var url require url Configure our H
  • 如何更改 Xcode 中 tableView 原型单元格的高度?

    我拖了一个UITableView到我的故事板中 我可以将信息完全插入其中 但为了定制单元 我添加了一个原型单元 当我手动更改它的高度时 模拟器中没有任何变化 对于那些只想在设计时更改行高的人 您可以选择 表视图单元格 然后在 大小 检查器中
  • 在 CSS 中绘制空的内联框?

    我确信这很简单 但我正在尝试画一组小的 空的 inlineHTML 中的框如下所示 span style border 1px solid black span 早些时候 我们制作了简单的 gif 图像 但随着浏览器显示的放大或缩小 图像看
  • 自定义无符号整数限制和翻转

    我目前需要 C 中的特殊数据类型 我需要数据类型是一个可以保存 0 151 之间值的整数 我已经知道我可以限制最小和最大频谱 但我希望它是一个翻转功能而不是限制钳位 有点像无符号整数在达到极限时如何回绕到 0 我不明白的一件事是如何处理溢出
  • 与 ContentEditable 一起使用的所见即所得编辑器是什么? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi