diff --git a/modules/ROOT/examples/live-demos/default-editor/example.js b/modules/ROOT/examples/live-demos/default-editor/example.js index 3de205796a..304a4e1ff7 100644 --- a/modules/ROOT/examples/live-demos/default-editor/example.js +++ b/modules/ROOT/examples/live-demos/default-editor/example.js @@ -1,3 +1,9 @@ tinymce.init({ - selector: 'textarea#default-editor' + selector: 'textarea#default-editor', + plugins: [ + "advlist", "anchor", "autolink", "charmap", "code", "fullscreen", + "help", "image", "insertdatetime", "link", "lists", "media", + "preview", "searchreplace", "table", "visualblocks", + ], + toolbar: "undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image", }); \ No newline at end of file diff --git a/modules/ROOT/examples/live-demos/default-editor/index.html b/modules/ROOT/examples/live-demos/default-editor/index.html index d429e35ee8..352438d67d 100644 --- a/modules/ROOT/examples/live-demos/default-editor/index.html +++ b/modules/ROOT/examples/live-demos/default-editor/index.html @@ -2,24 +2,38 @@ #submitContainer { display: flex; justify-content: center; + margin: 20px 0; } .contentDumpBox { - white-space: normal; - padding: 5px; + white-space: pre-wrap; + padding: 15px; border: 2px solid #1976D2; border-radius: 10px; margin: 5px; + background-color: #f8f9fa; +} +.live_demo { + background-color: #335dff; + color: #fafafa; + cursor: pointer; + font-size: 1em; + line-height: 1.15; + margin: 0; + padding: .5rem; + border-radius: 6px; +} +.live_demo:hover { + background-color: #2a4fd8; } +
- Click the submit button to view the output HTML. -+
Click the "View HTML Output" button to see the generated HTML content.