问题标签 [wysiwym]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
135 浏览

ruby-on-rails - 是否有任何支持 html 的所见即所得编辑器?

我正在寻找一个所见即所得的编辑器,我可以在其中插入 html 标签以及标签的类和 id?我正在寻找允许某人实际更改网站的 html 的东西,而不是简单地转换为简单标记的富文本编辑器,我一直在寻找一个小时左右但找不到任何东西,确实有人知道这样的吗?

要求:

  • 能够插入标签
  • 能够嵌套标签
  • 能够将类应用于标签
  • 能够将 id 应用于标签

如果有人有任何与此类似的东西,请告诉我(即使它不是红宝石,我也很感兴趣)

0 投票
1 回答
104 浏览

javascript - 如何在没有错误的情况下手动执行 WYMeditor 功能?

对于调试,请观看jquery.wymeditor.js.

我需要通过 JavaScript 从我的自定义工具栏(准确地说是功能区)执行“强”、“缩进”等命令,并且没有错误。80% 完成了,我可以执行命令,但是有一个奇怪的错误。

所以,当文档准备好(包含文本区域“#doc”)时,我会做什么:

  1. WYMeditor 半路要做好充分准备。
  2. 使用 .获取其扩展editor对象getWymeditorByTextarea
  3. 等一下。
  4. 编辑器 IFrame 的日志Window对象。
  5. 当我们按下F1

    1. 日志myDoc_wym
    2. myDoc_wym.__proto__._exec("Strong");_exec-使用命令执行原型函数"Strong"...

这里发生了崩溃keydown。我在 Chromium(最后发布的 NW.JS 之上)控制台中得到的内容:

整个日志

错误是在原型函数中引起的hasSelection。所以,这_iframe就是undefined在那个代码中:

在此之后尝试通过在控制台输入中粘贴类似的代码来启用我自己对此函数的调用,但需要调试(console.log(wym);):

按下F1玩自定义功能

  1. 第一个对象是我在执行 WYMeditor 命令之前得到的。
  2. 第二个没有_iframe,所以它返回未定义。
  3. 因此,无法从未定义中读取。
  4. 似乎hasSelection被调用了两次(例如,selectedContainer调用hasSelection,可能被调用 3 次_exec)。此时我们看到_iframe,但不再需要它。

事实证明:

  1. 一次 hasSelection调用,wym作为原型对象返回,但是......
  2. 第二次 作为wym具有所需属性(例如_iframe)的完整“编辑器对象”返回。

奇怪的物体

那里有奇怪的东西,我不知道是什么。当按下默认工具栏按钮时,一切正常。

0 投票
0 回答
239 浏览

javascript - ProseMirror:如何在文本中添加类和数据?

尝试使用看起来非常专业的ProseMirror WYSIWYM 编辑器在带有 ID 的文本字段中标记单词,并为标记的单词提供背景颜色。例如

The horses took off

...可能会导致 html:

The <span class="tagged" data-id="horse">horses</span> <span class="tagged" data-id="take_off_2">took off</span>

ProseMirror 的学习曲线很陡峭,我发现自己很难站稳脚跟。任何人对哪些 PM 库和函数可用于向单词添加/删除数据和类有任何提示?甚至不确定跨度是否是这样做的方法。