The tui-font-size-picker from c-likethis123

tui-font-size-picker's People

Contributors

Stargazers

Watchers

tui-font-size-picker's Issues

How could I import tui-font-size-picker by cdn way

I trying add tui-font-size-picker in tui.editor with cdn way.

I saw the demo source

npm install tui-font-size-picker
with me source

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      href="https://uicdn.toast.com/editor/latest/toastui-editor.min.css"
    />
    <link
      rel="stylesheet"
      href="https://uicdn.toast.com/tui-color-picker/latest/tui-color-picker.min.css"
    />
    <link
      rel="stylesheet"
      href="https://uicdn.toast.com/editor-plugin-color-syntax/latest/toastui-editor-plugin-color-syntax.min.css"
    />
  </head>
  <body>
    <script src="https://uicdn.toast.com/editor/latest/toastui-editor-all.min.js"></script>
    <!-- tui-color-picker -->
    <script src="https://uicdn.toast.com/tui-color-picker/v2.2.6/tui-color-picker.min.js"></script>

    <!-- Editor's Plugin -->
    <script src="https://uicdn.toast.com/editor-plugin-color-syntax/3.0.1/toastui-editor-plugin-color-syntax.min.js"></script>
    <script src="./node_modules/tui-font-size-picker/dist/font-size-picker.js"></script>
    <div id="editor"></div>
    <!-- <script type="module">
      import fontSizePicker from './plugin/font-size-picker/font-size-picker.js'
    </script> -->
    <script>
      const Editor = toastui.Editor
      const { colorSyntax } = Editor.plugin
      const editor = new Editor({
        el: document.querySelector('#editor'),
        height: '500px',
        initialEditType: 'wysiwyg',
        previewStyle: 'vertical',
        plugins: [colorSyntax],
      })
    </script>
  </body>
</html>

result