7

我正在使用 Xinha 编辑器作为我办公室定制编写的 CMS 应用程序的一部分。我试图让用户突出显示零件编号并单击“零件”按钮。我想要发生的只是选择的 HTML/Text 由<part>and封装</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

    }
];
4

1 回答 1

1

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

我给你步骤..

当您要将选定的文本封装在<part>

1）您需要捕获所选文本的父级，

2）捕获父级的innerHTML

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

<part>4)在此计数处插入第一个标签，由 43 + 6(of TAG) =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; }';

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

于 2013-05-21T04:51:24.663 回答