Início / coding / Perguntas / 77860528
Accepted
MrBlueSky
Asked: 2024-01-22 22:21:53 +0800 CST

Como acesso os blocos editor.js com CDN?

  • 772

Estou explorando o editor.js. Em vez de usar npm, quero usar um CDN. Consegui fazer o exemplo básico funcionar da seguinte maneira:

<script src="https://cdn.jsdelivr.net/npm/@@editorjs/editorjs@latest"></script>
<script>
    const editor = new EditorJS({
    });
</script>

No entanto, não sei como usar extensões de bloco com CDN. Os exemplos mostram apenas como fazer isso com npm:

import EditorJS from '@editorjs/editorjs'; 
import Header from '@editorjs/header'; 
import List from '@editorjs/list'; 

const editor = new EditorJS({ 
  holder: 'editorjs', 
  tools: { 
    header: Header, 
    list: List 
  }, 
})

Quando adiciono o toolsparâmetro, recebo um erro "ReferenceError não capturado: o cabeçalho não está definido". As importdeclarações não são apropriadas porque não estou usando npm. Então, o que eu preciso para um CDN?

npm

1 respostas

  1. Best Answer

    Para carregar extensões de bloco Editor.js com um CDN, você pode carregar scripts de bloco individuais listados no site Editor.js. Você pode usar cada extensão de bloco antes do script de inicialização do Editor.js. Por exemplo, se você quiser usar blocos Header e List, seu código seria assim:

    <script
 
src="https://cdn.jsdelivr.net/npm/@@editorjs/header@latest"></script>

<script
 
src="https://cdn.jsdelivr.net/npm/@@editorjs/list@latest"></script>

<script>
  const Header = window.Header; // Reference the global variable created by the script
  const List = window.List; // Same for List
  const editor = new EditorJS({
    holder: 'editorjs',
    tools: {
      header: Header,
      list: List,
    },
  });
</script>

    Ou você pode usar um pacote pré-construído com todos os blocos incluídos para esse fim, você pode verificar isto: https://github.com/editor-js/awesome-editorjs

    • 0

relate perguntas