medium-editor-multi-placeholders-plugin
Version:
A plugin for adding multiple placeholders in MediumEditor
40 lines (39 loc) • 1.11 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Medium Editor Multi-placeholders Plugin Example</title>
<link rel="stylesheet" href="../bower_components/medium-editor/dist/css/medium-editor.min.css">
<link rel="stylesheet" href="../bower_components/medium-editor/dist/css/themes/default.min.css">
<script src="../bower_components/medium-editor/dist/js/medium-editor.min.js"></script>
<script src="../dist/medium-editor-multi-placeholders-plugin.min.js"></script>
</head>
<body>
<div id="editor"></div>
<style>
/* Example style for placeholder */
.multi-placeholders.fade {
opacity: 0.5;
}
</style>
<script>
var editor = new MediumEditor('#editor', {
placeholder: false,
extensions: {
'multi_placeholder': new MediumEditorMultiPlaceholders({
placeholders: [
{
tag: 'h1',
text: 'Title'
},
{
tag: 'p',
text: 'Tell your story...'
}
]
})
}
});
</script>
</body>
</html>