无打包工具场景下使用CDN版CKEditor5如何添加Markdown插件

操作步骤说明 #

你当前使用的官方默认CDN分发的CKEditor5预构建包未内置GFM Markdown插件，且官方预构建版本不支持动态加载额外插件，无法直接在现有引入基础上添加插件，可按以下两种方案操作：

• 方案一：使用自定义预构建包（无需本地打包工具）
  使用CKEditor在线构建工具，勾选GFM Markdown插件及你需要的其他编辑器功能，生成专属预构建包。你可以将构建好的资源下载后自行部署到静态资源服务，也可直接使用构建工具生成的CDN地址，替换你当前引入的默认ckeditor.min.js即可。
  资源引入完成后，调整编辑器初始化代码，启用Markdown配置即可，参考代码如下：

  ClassicEditor
    .create(document.getElementById('myeditor'), {
      // 启用Markdown输出能力
      markdown: {}
    })
    .then(editor => {
      console.log('编辑器初始化完成');
      // 调用editor.getData()可直接获取Markdown格式内容
    })
    .catch(error => {
      console.error('编辑器初始化失败: ', error);
    });
  

• 方案二：使用第三方预构建的带Markdown插件的资源
  临时测试场景下，你也可以直接使用第三方已经打包好Markdown插件的CKEditor5预构建CDN资源，替换现有引入地址后，按上述代码初始化即可。

内容的提问来源于stack exchange，提问作者Liero