beansflight-json-form/packages/components/tinyEditor/tinymce/plugins/pagebreak/plugin.js

> **版本号:verison 0.23.17**

/**
 * TinyMCE version 6.1.0 (2022-06-29)
 */

;(function () {
  'use strict'

  var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager')

  var global = tinymce.util.Tools.resolve('tinymce.Env')

  const option = name => editor => editor.options.get(name)
  const register$2 = editor => {
    const registerOption = editor.options.register
    registerOption('pagebreak_separator', {
      processor: 'string',
      default: '<!-- pagebreak -->'
    })
    registerOption('pagebreak_split_block', {
      processor: 'boolean',
      default: false
    })
  }
  const getSeparatorHtml = option('pagebreak_separator')
  const shouldSplitBlock = option('pagebreak_split_block')

  const pageBreakClass = 'mce-pagebreak'
  const getPlaceholderHtml = shouldSplitBlock => {
    const html = `<img src="${global.transparentSrc}" class="${pageBreakClass}" data-mce-resize="false" data-mce-placeholder />`
    return shouldSplitBlock ? `<p>${html}</p>` : html
  }
  const setup$1 = editor => {
    const separatorHtml = getSeparatorHtml(editor)
    const shouldSplitBlock$1 = () => shouldSplitBlock(editor)
    const pageBreakSeparatorRegExp = new RegExp(
      separatorHtml.replace(/[\?\.\*\[\]\(\)\{\}\+\^\$\:]/g, a => {
        return '\\' + a
      }),
      'gi'
    )
    editor.on('BeforeSetContent', e => {
      e.content = e.content.replace(
        pageBreakSeparatorRegExp,
        getPlaceholderHtml(shouldSplitBlock$1())
      )
    })
    editor.on('PreInit', () => {
      editor.serializer.addNodeFilter('img', nodes => {
        let i = nodes.length,
          node,
          className
        while (i--) {
          node = nodes[i]
          className = node.attr('class')
          if (className && className.indexOf(pageBreakClass) !== -1) {
            const parentNode = node.parent
            if (
              editor.schema.getBlockElements()[parentNode.name] &&
              shouldSplitBlock$1()
            ) {
              parentNode.type = 3
              parentNode.value = separatorHtml
              parentNode.raw = true
              node.remove()
              continue
            }
            node.type = 3
            node.value = separatorHtml
            node.raw = true
          }
        }
      })
    })
  }

  const register$1 = editor => {
    editor.addCommand('mcePageBreak', () => {
      editor.insertContent(getPlaceholderHtml(shouldSplitBlock(editor)))
    })
  }

  const setup = editor => {
    editor.on('ResolveName', e => {
      if (
        e.target.nodeName === 'IMG' &&
        editor.dom.hasClass(e.target, pageBreakClass)
      ) {
        e.name = 'pagebreak'
      }
    })
  }

  const register = editor => {
    const onAction = () => editor.execCommand('mcePageBreak')
    editor.ui.registry.addButton('pagebreak', {
      icon: 'page-break',
      tooltip: 'Page break',
      onAction
    })
    editor.ui.registry.addMenuItem('pagebreak', {
      text: 'Page break',
      icon: 'page-break',
      onAction
    })
  }

  var Plugin = () => {
    global$1.add('pagebreak', editor => {
      register$2(editor)
      register$1(editor)
      register(editor)
      setup$1(editor)
      setup(editor)
    })
  }

  Plugin()
})()