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: '' })