ckeditor5-build-classic-custom-nnanh3-misa
Version:
Thư viện ckeditor có mathType, blank box
81 lines (75 loc) • 2.02 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<title>CKEditor 5 – classic editor build – development sample</title>
<style>
body {
max-width: 800px;
margin: 20px auto;
}
</style>
</head>
<body>
<h1>CKEditor 5 – classic editor build – development sample</h1>
<div id="editor">
<h2>Sample</h2>
<p>
This is an instance of the
<a
href="https://ckeditor.com/docs/ckeditor5/latest/builds/guides/overview.html#classic-editor"
>classic editor build</a
>.
</p>
<figure class="image">
<img src="../tests/manual/sample.jpg" alt="Autumn fields" />
</figure>
<p>
You can use this sample to validate whether your
<a
href="https://ckeditor.com/docs/ckeditor5/latest/builds/guides/development/custom-builds.html"
>custom build</a
>
works fine.
</p>
</div>
<script src="../build/ckeditor.js"></script>
<script>
ClassicEditor.create(document.querySelector("#editor"), {
toolbar: {
items: [
"bold",
"italic",
"strikethrough",
"underline",
"|",
"MathType",
"ChemType",
"insertTable",
"mediaEmbed",
"|",
"undo",
"redo",
],
},
language: "vi",
table: {
contentToolbar: [
"tableColumn",
"tableRow",
"mergeTableCells",
"tableCellProperties",
"tableProperties",
],
},
licenseKey: "",
})
.then((editor) => {
window.editor = editor;
})
.catch((error) => {
console.error("There was a problem initializing the editor.", error);
});
</script>
</body>
</html>