divider 分割线

TIP

非公开物料，仅内部使用

html 结构

<div
    class="tqed-mt tqed-mt--divider"
    contenteditable="false"
    data-block-type="divider"
    data-block-key="1760206102327586816"
    data-block-active-tab="3"
>
    <div class="tqed-mt-header" data-block-type="header">
        <ul class="tqed-mt-divider__tabs" data-block-type="divider-tabs">
            <li class="tqed-mt-divider__tab" data-tab-key="1" data-block-type="divider-tab">文稿</li>
            <li class="tqed-mt-divider__tab" data-tab-key="2" data-block-type="divider-tab">标题</li>
            <li class="tqed-mt-divider__tab tqed-mt-divider__tab--active" data-tab-key="3" data-block-type="divider-tab">
                试题
            </li>
        </ul>
        <span class="tqed-mt-divider__name">分割线</span>
        <span class="tqed-mt-divider__delete" data-block-type="divider-delete">x</span>
    </div>
</div>

属性

名称	说明	默认值
data-block-type	类型	divider
data-block-key	key	-
data-block-active-tab	选中的选项卡	-

配置

divider_tabs

选项卡

类型：Array<{tab: string, key: string}>

默认值：[]

divider_default_active_tab

默认选中的选项卡

类型：string

默认值：无

命令

名称	说明
SetDividerActiveTab	设置选中的选项卡

示例

tinymce.activeEditor.execCommand('SetDividerActiveTab', false, { key: '', activeTab: '' })