|
| 1 | +@react.component |
| 2 | +let make = () => { |
| 3 | + let editor = React.useRef(None) |
| 4 | + <TinyMCEReact.Editor |
| 5 | + onInit={(_, e) => editor.current = Some(e)} |
| 6 | + initialValue="<p>This is the initial content of the editor.</p>" |
| 7 | + init={TinyMCEReact.initConfig( |
| 8 | + ~height=500, |
| 9 | + ~menubar=false, |
| 10 | + ~plugins=[ |
| 11 | + // "advlist", |
| 12 | + // "autolink", |
| 13 | + // "lists", |
| 14 | + // "link", |
| 15 | + "image", |
| 16 | + "charmap", |
| 17 | + "anchor", |
| 18 | + "searchreplace", |
| 19 | + "visualblocks", |
| 20 | + "code", |
| 21 | + "fullscreen", |
| 22 | + "insertdatetime", |
| 23 | + "media", |
| 24 | + "table", |
| 25 | + "preview", |
| 26 | + "help", |
| 27 | + "wordcount", |
| 28 | + "textpattern", |
| 29 | + ], |
| 30 | + // ~textpattern_patterns=[ |
| 31 | + // TinyMCEReact.textpattern(~start="*", ~end="*", ~format="italic", ()), |
| 32 | + // TinyMCEReact.textpattern(~start="**", ~end="**", ~format="bold", ()), |
| 33 | + // TinyMCEReact.textpattern(~start="#", ~format="h1", ()), |
| 34 | + // TinyMCEReact.textpattern(~start="##", ~format="h2", ()), |
| 35 | + // TinyMCEReact.textpattern(~start="###", ~format="h3", ()), |
| 36 | + // TinyMCEReact.textpattern(~start="####", ~format="h4", ()), |
| 37 | + // TinyMCEReact.textpattern(~start="#####", ~format="h5", ()), |
| 38 | + // TinyMCEReact.textpattern(~start="######", ~format="h6", ()), |
| 39 | + // TinyMCEReact.textpattern(~start="1. ", ~cmd="InsertOrderedList", ()), |
| 40 | + // TinyMCEReact.textpattern(~start="* ", ~cmd="InsertUnorderedList", ()), |
| 41 | + // TinyMCEReact.textpattern(~start="- ", ~cmd="InsertUnorderedList", ()), |
| 42 | + // ], |
| 43 | + ~toolbar="undo redo | blocks | bold italic forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help", |
| 44 | + ~content_style="body { font-family:Helvetica,Arial,sans-serif; font-size:14px }", |
| 45 | + (), |
| 46 | + )} |
| 47 | + tinymceScriptSrc="/tinymce/tinymce.min.js" |
| 48 | + /> |
| 49 | +} |
0 commit comments