我正在使用Xinha编辑器作为我办公室的自定义CMS应用程序的一部分.我试图让用户突出显示部件号,然后单击"部件"按钮.我想要发生的是所选的HTML /文本被封装<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
}
];
Run Code Online (Sandbox Code Playgroud)
为此,您必须遵循更长的程序。
我给你步骤..
当您想要将选定的文本封装在<part>
1)您需要捕获所选文本的父级,
2) 捕获父级的innerHTML
3) 找到内部 HTML 中所选内容的起始计数,比如 43
<part>
4)在此处插入第一个标签,更新次数为 43 + 6(标签)=49,所选文本从此处开始。
5) 现在,49 + 所选文本的长度可以说 12 = 49+12=61;您将在此处插入结束标签</part>
你完成了你的任务..
编辑,文档:链接
我能够识别有帮助的配置变量列表,
Link 3
在这里你会找到这个 xinha_config >> 格式块
http://trac.xinha.org/wiki/Documentation/ConfigVariablesList#xinha_config.formatblock
如果您能够添加<part>
以下内容,该怎么办?
...
"Formatted": "pre",
"Part": "part"
}
Run Code Online (Sandbox Code Playgroud)
应该可以...根据我的理解
另一种方法是自定义样式,这将提供 pageStyle 的详细信息。使用它,您可以自定义 html 的任何内置选项卡.. 比如说,或者其他东西。
并将其样式自定义为黄色。
xinha_config.pageStyle =
'p { color:red; }\n' +
'h1 { color:yellow; }\n' +
'a {text-decoration:none; }' +
'span{background-color:yellow; }';
Run Code Online (Sandbox Code Playgroud)
我希望这个能帮上忙...
归档时间: |
|
查看次数: |
182 次 |
最近记录: |