0

我计划使用 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>
4

1 回答 1

0

从未使用过 Markitup，结果证明它相当简单。从html 演示开始，您需要在 markitup/sets/html/ 中修改 3 项内容：

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

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

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

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

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

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

于 2012-01-14T22:02:21.190 回答