新哈自定义按钮

Question

我正在使用 Xinha 编辑器作为我办公室的自定义编写的 CMS 应用程序的一部分。我试图让用户突出显示零件编号并单击“零件”按钮。我想要发生的只是让选定的 HTML/Text 被 <part> 封装和 </part> (这将在显示时进行处理，以提供指向包含所选部件信息的页面的链接)。

我真的在这里挣扎。这是我到目前为止的代码。我假设我需要在选定的特定位置找到选定的文本并进行替换，但我无法找到有关如何在选定范围内访问 HTML 的任何文档。

xinha_config.btnList["part"] = [ 
    "Part Number", 
    "/xinha/images/part.png", 
    true, 
    function(e) { 
        var part = e.getSelectedHTML(); // This is the selected part number

    }
];

Answer 1

为此，您必须遵循更长的程序。

我给你步骤..

如要将所选文本封装在 <part>
1)您需要捕获所选文本的父级，

2)捕获父级的innerHTML

3) 在内部 HTML 中找到 selected 的起始计数，比如说 43

4) 插入第一个标签 <part>在此计数更新为 43 + 6(TAG)=49
选定的文本从这里开始。

5) 现在，49 + 所选文本的长度让我们说 12 = 49+12=61；您将在此处插入结束标记 </part>
你完成了你的任务..

编辑，文档:Link

我能够识别出有帮助的配置变量列表，

Link 3 在这里你会找到这个 xinha_config >> Format Block
http://trac.xinha.org/wiki/Documentation/ConfigVariablesList#xinha_config.formatblock

如果您能够添加 <part>下面这个..

...
"Formatted": "pre",
"Part": "part"
}

那应该做...根据我的理解

其他方法是 custom style ，这将提供 pageStyle 的详细信息。使用它，您可以自定义 html 的任何内置选项卡 .. 比方说，或其他内容。

并将其样式自定义为黄色。

xinha_config.pageStyle =
  'p { color:red; }\n' +
  'h1 { color:yellow; }\n' +
  'a {text-decoration:none; }' +
  'span{background-color:yellow; }';

我希望这个能帮上忙...