新哈定制按钮

Question

我正在使用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

    }
];

Answer 1

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

我给你步骤..

当您想要将选定的文本封装在<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"
}

应该可以...根据我的理解

另一种方法是自定义样式，这将提供 pageStyle 的详细信息。使用它，您可以自定义 html 的任何内置选项卡.. 比如说，或者其他东西。

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

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

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