强制HTML编辑器识别/容忍特定于CMS的标记

我计划使用Markitup的一个实例(http://markitup.jaysalvat.com/home/)在网站上格式化HTML，但希望包含特定于我将从中提取内容的CMS的按钮/设置。问题在于，虽然所述元素被格式化为HTML标记，但编辑器不会识别它们，也不会允许它们围绕内容/文本进行包装

我不需要解析标记，我只需要编辑器能够插入它们，但是在设置中将它们标识为HTML是不成功的，将它们标识为文本也是不成功的

有没有办法使用这样的编辑器来围绕现有内容包装自定义标记

基本上，我要完成的是，点击编辑器中的按钮，以提示响应，询问几个不同的参数，然后用标记包装剩余的选定HTML，结果如下所示：

<box title="EXAMPLE" align="LEFT">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut nisl id sem volutpat interdum. Donec ante sapien, tincidunt nec venenatis at, posuere a magna. Suspendisse id metus sapien. Nullam sed rutrum tellus. Integer laoreet sem non lorem elementum ultricies.</box>

Lorem ipsum door sit amet，一位杰出的领导者。这是一个非常复杂的问题。在一个大城市里，我们可以在一个大城市里找到一个新的城市。Suspendisse id metus sapien。黄花芸香。整型laoreet sem非奥勒姆元素ultricies。

由于从未使用过Markitup，它变得相当简单。从开始，您需要在markitup/sets/html/中修改3项内容：

将按钮的图像添加到“图像”文件夹（或现在选择一个现有图像）

在style.css中添加对图像的引用。似乎每个按钮都根据其在按钮行（.markItUpButton1、.markItUpButton2等）中的顺序获得一个类。有些人使用了不同的类（清理/预览），但仍被计算在内。所以我在末尾添加了一个按钮，它是第18个，代码很简单：.markItUp.markitupbutton18a{background image:url（images/box.png）；}或者，使用set.js中的“className”属性并引用它

将对象添加到set.js。使用现有按钮进行比较

您可以从以下简单的内容开始：

{name:'Box', openWith:'<box>', closeWith:'</box>'}

{name:'Box'，openWith:''，closeWith:''}

添加属性的语法有点古怪，但您也可以通过查看其他按钮基本上了解要点：

{name:'Box', openWith:'<box title="[![Title]!]" align="[![Align]!]" >', closeWith:'</box>' }

{name:'Box'，openWith:''，closeWith:''}

---

测试和工作，如您所述！如果你有问题，请告诉我。对我来说，最困难的部分是认识到，如果不下载额外的“集合”（例如html），我无法运行任何示例。

这非常有效！正是我想要的。非常感谢你！一个问题：是否有可能让标签环绕所有选定的文本，而不是为每行选定的文本生成一对标签？根据文档，应该可以使用按钮>上的“多行”选项，但是，我无法让该选项执行任何操作，也找不到任何示例来演示它。v1.1.11中添加了多行支持。也许是虫子？知道了！再次感谢您的帮助！{name:'Box'，openBlockWith:''，closeBlockWith:''，multiline:true}，啊，太好了！我缺少块属性。