javascript - 支持编辑边距、内边距和边框的所见即所得编辑器

Question

我一直在寻找一个编辑器，可以让用户更改样式属性，例如 border、padding 和 margin

我测试了很多编辑器，但没有找到。你知道支持它的编辑器吗？

我测试过的编辑器没有这些按钮(也许有但我没有看到)

• ck编辑器
• 羽毛笔
• 钢笔
• medium.js
• 文本 Angular
• 还有其他一些...

Answer 1

https://github.com/Voog/wysihtml具有分别更改 block 和内联(或内联 block )元素上的样式属性的功能。

查看测试示例:使用 formatInline 命令添加样式(适用于存在的选定文本)https://github.com/Voog/wysihtml/blob/master/test/commands/formatInline_test.js#L127

formatBlock 具有类似的语法，但旨在插入/更改 block 级元素。 (适用于最近的 block 级元素(如果存在))

不幸的是，它没有自动更改样式选择内联或 block 方法的功能。问题是很难知道用户打算通过选择选择哪些元素。

此外，当前编辑器在使用样式时不保证最少的标签换行。附加<span>或<div>可能会根据选择创建。