Wysiwyg 如何使用contenttools编辑带有（按钮）链接的html？

我正在使用contenttools脚本

我有以下代码： 如何编辑“阅读更多”文本

测试

测试测试

---

您可以在这里尝试几种方法，其中最简单的方法是将按钮放置在可编辑的文本标记内，例如段落，例如：

<p>
    <a href="#" class="btn btn-success btn-default">READ MORE</a> 
</p>

请注意，此处使用了

data-ce标记

属性来标记应将元素解析为

ContentEdit.Text

元素

您可能还想考虑在如何编辑它时对标签应用一些限制，在这一版本的最新版本中，现在可能是实验性的。作为一个简单的示例，您可以使用以下方法：

// Define a limited set of tools that can be used with buttons
var BUTTON_TOOLS = [
    ['align-left', 'align-center', 'align-right'], 
    ['undo', 'redo']
    ];

ContentEdit.Root.get().bind('focus', function (element) {
    var tools;

    // Whenever a button is selected switch to the button only tools
    if (element.domElement().containsClass('btn')) {
        tools = BUTTON_TOOLS;
    } else {
        tools = ContentTools.DEFAULT_TOOLS;
    }

    if (ContentTools.EditorApp.get().toolbox().tools() !== tools) {
        ContentTools.EditorApp.get().toolbox().tools(tools);
    }

    // Limit the behaviour of the button so it can't be moved, merged or removed
    if (element.domElement().classList.contains('btn')) {
        element.can('drag', false);
        element.can('drop', false);
        element.can('remove', false);
        element.can('merge', false);
    } 
});

此处提供了不同元件行为的文件：

<a href="#" class="btn btn-success btn-default" data-ce-tag="text">READ MORE</a> 

// Define a limited set of tools that can be used with buttons
var BUTTON_TOOLS = [
    ['align-left', 'align-center', 'align-right'], 
    ['undo', 'redo']
    ];

ContentEdit.Root.get().bind('focus', function (element) {
    var tools;

    // Whenever a button is selected switch to the button only tools
    if (element.domElement().containsClass('btn')) {
        tools = BUTTON_TOOLS;
    } else {
        tools = ContentTools.DEFAULT_TOOLS;
    }

    if (ContentTools.EditorApp.get().toolbox().tools() !== tools) {
        ContentTools.EditorApp.get().toolbox().tools(tools);
    }

    // Limit the behaviour of the button so it can't be moved, merged or removed
    if (element.domElement().classList.contains('btn')) {
        element.can('drag', false);
        element.can('drop', false);
        element.can('remove', false);
        element.can('merge', false);
    } 
});