Get started with medium-editor-custom-html CDN
MIT licensed
Plugin: Medium-Editor-Custom-HTML adds custom HTML to Medium Editor.
Tags:- medium
- editor
- custom
- html
Stable version
Copied!
How to start using medium-editor-custom-html CDN
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/medium-editor@11.0.0/dist/css/medium-editor.min.css">
<script src="https://cdn.jsdelivr.net/npm/medium-editor@11.0.0/dist/js/medium-editor.min.js"></script>
<script src="https://cdn.cdnhub.io/medium-editor-custom-html/1.1.0/custom-html.min.js"></script>
<style>
#editor { border: 1px solid #ccc; width: 500px; height: 400px; }
</style>
</head>
<body>
<div id="editor"></div>
<script>
const editor = new MediumEditor('#editor', {
toolbar: {
buttons: ['bold', 'italic', 'underline', 'strikethrough', '|', 'h1', 'h2', 'h3', '|', 'quote', 'link', 'image', '|', 'custom_html']
},
customButtons: {
custom_html: {
name: 'custom_html',
action: function(editor) {
const customHtml = '<div class="custom-html">Custom HTML:</div>';
editor.insertContent(customHtml);
}
}
}
});
</script>
</body>
</html>
Copied!
Copied!