与 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 一起使用的所见即所得编辑器是什么? [关闭] 的相关文章

随机推荐

  • 我可以使用英语以外的其他语言作为 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