如何解决如何使用CDN在不使用NPM的情况下将Table插件添加到CKEDITOR 5文档已解耦中?
我正在尝试插入(生成)表并设置其样式,但是找不到它的CDN网址 如何将插件导入 ckeditor 5
从 github 下载插件后,我分别导入了一些.js
文件,但它们也依赖于其他文件。
插件是否独立工作:没有Node Js或任何SPA Js框架?
(function () {
'use strict';
// import Table from '/templates/ty/js/ckeditor5-build-decoupled-document/ckeditor5-table-master/src/table.js';
// import Tabletoolbar from '/templates/ty/js/ckeditor5-build-decoupled-document/ckeditor5-table-master/srctabletoolbar.js';
DecoupledEditor
.create(document.querySelector('#editor'),{
language: 'ru'
})
.then(editor => {
const toolbarContainer = document.querySelector('#toolbar-container');
toolbarContainer.appendChild(editor.ui.view.toolbar.element);
})
.catch(error => {
console.error(error);
});
// function CustomizationPlugin(editor) {
// }
})();
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<script src="https://cdn.ckeditor.com/ckeditor5/23.0.0/decoupled-document/ckeditor.js"></script>
<div class=" editor-container">
<div class="card ">
<div id="toolbar-container"></div>
<div id="editor" name="editor">
<div style="background-color: #efefef">
<div id="hideBorderOnPrint">
<div class="template-body">
<div class="text-center"><b>ОСМОТР КАРДИОЛОГА</b></div>
<div>Дата: <br />
ФИО пациента: o'g'li</div>
<table class="leftWidthAuto">
<tbody>
<tr>
<td><b>Жалобы:</b></td>
<td id="list-жалобы"> </td>
</tr>
</tbody>
</table>
<table class="leftWidthAuto">
<tbody>
<tr>
<td><b>2. Анамнез жизни:</b></td>
<td id="list-Анамнез_жизни"> </td>
</tr>
</tbody>
</table>
<table class="leftWidthAuto">
<tbody>
<tr>
<td><b>3. Обследование инструментальное:</b></td>
<td id="list-Обсл_инстр"> </td>
</tr>
</tbody>
</table>
<table class="leftWidthAuto">
<tbody>
<tr>
<td><b>4. ЭКГ от 2019г</b></td>
<td id="list-ЭКГ"> </td>
</tr>
</tbody>
</table>
<table class="leftWidthAuto">
<tbody>
<tr>
<td><b>5. ЭХО-КГ от </b></td>
<td id="list-ЭХО_КГ"> </td>
</tr>
</tbody>
</table>
<table class="leftWidthAuto">
<tbody>
<tr>
<td><b>6. Обследование:</b></td>
<td id="list-Обследование"> </td>
</tr>
</tbody>
</table>
<div> </div>
</div>
</div>
</div>
</div>
</div>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。