Question

我打算使用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>

Answer 1

从未使用过Markitup，事实证明这很简单。从html demo开始，您需要在markitup / sets / html /中修改3件事：

将按钮的图像添加到图像文件夹（或立即选择现有图像）。
在style.css中添加对图像的引用。似乎每个按钮根据按钮行中的顺序获得一个类（.markItUpButton1，.markItUpButton2等）。有些使用了不同的类（清洁/预览），但仍被计算在内。所以我在最后添加了一个按钮，它是第18个，代码只是： .markItUp .markItUpButton18 a {background-image：url（images / box.png）;} 或者，你使用set.js中的“className”属性并引用它。
将对象添加到set.js.使用现有按钮进行比较。

你可以从简单的事情开始：

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

添加属性的语法有点时髦，但你可以通过查看其他按钮来获得要点：

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

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

强制HTML编辑器识别/容忍CMS特定标签

1 个答案: