diff --git a/modules/ROOT/examples/live-demos/anchor/index.html b/modules/ROOT/examples/live-demos/anchor/index.html new file mode 100644 index 0000000000..2d62227a31 --- /dev/null +++ b/modules/ROOT/examples/live-demos/anchor/index.html @@ -0,0 +1,39 @@ + \ No newline at end of file diff --git a/modules/ROOT/examples/live-demos/anchor/index.js b/modules/ROOT/examples/live-demos/anchor/index.js new file mode 100644 index 0000000000..1018ddeac9 --- /dev/null +++ b/modules/ROOT/examples/live-demos/anchor/index.js @@ -0,0 +1,12 @@ +tinymce.init({ + selector: 'textarea#anchor-demo', + height: 500, + plugins: [ + "advlist", "anchor", "autolink", "charmap", "code", "fullscreen", + "help", "image", "insertdatetime", "link", "lists", "media", + "preview", "searchreplace", "table", "visualblocks", + ], + toolbar: "anchor |undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image", + menubar: "file edit view insert format tools table help", + content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }' +}); diff --git a/modules/ROOT/pages/anchor.adoc b/modules/ROOT/pages/anchor.adoc index cffca09752..0f0f156539 100644 --- a/modules/ROOT/pages/anchor.adoc +++ b/modules/ROOT/pages/anchor.adoc @@ -7,15 +7,20 @@ This plugin adds an anchor/bookmark button to the toolbar that inserts an anchor at the editor's cursor insertion point. It also adds the menu item `+anchor+` under the `+Insert+` menu. When a user clicks on the anchor button or menu item they will be prompted via a dialog box to enter a string. The string will be inserted into the HTML as an anchor id at the location of the cursor. For example, a user places their cursor at the beginning of "Hello World" and clicks on the anchor button and enters "start" in the dialog box. The resulting HTML will take the form of `+

Hello, World!

+`. +== Interactive demo + +liveDemo::anchor[] == Basic setup [source,js] ---- tinymce.init({ - selector: 'textarea', // change this value according to your HTML - plugins: 'anchor', - toolbar: 'anchor', + selector: "textarea", + plugins: [ + "anchor", "link", // Link plugin is required for linking to anchors + ], + toolbar: "link | anchor", }); ----