Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>To use HtmlBox's built-in functions, do this: Assign the return of htmlbox() to a variable and then call HtmlBox's methods using that variable (e.g. hb_full.get_html(); or any other method). See code example below.</p> <pre><code>&lt;script type="text/javascript"&gt; var hb_full; $(document).ready(function(){ hb_full = $("#htmlbox_full").css("height", "300").css("width", "100%").htmlbox({ toolbars: [ [ // Cut, Copy, Paste "separator", "cut", "copy", "paste", // Undo, Redo "separator", "undo", "redo", // Bold, Italic, Underline, Strikethrough, Sup, Sub "separator", "bold", "italic", "underline", "strike", "sup", "sub", // Left, Right, Center, Justify "separator", "justify", "left", "center", "right", // Ordered List, Unordered List, Indent, Outdent "separator", "ol", "ul", "indent", "outdent", // Hyperlink, Remove Hyperlink, Image "separator", "link", "unlink", "image" ], [ // Show code "separator", "code", // Formats, Font size, Font family, Font color, Font, Background "separator", "formats", "fontsize", "fontfamily", "separator", "fontcolor", "highlight", ], [ //Strip tags "separator", "removeformat", "striptags", "hr", "paragraph", // Styles, Source code syntax buttons "separator", "quote", "styles", "syntax" ] ], about: true, // "false" to hide About button idir: "./img/HtmlBoxImg/", icons: "default", //all options: "default", "silk" skin: "blue" //all options: "silver", "blue", "green", "red" }); }); function getHtmlFromEditor() { var HtmlFromEditor = hb_full.get_html(); alert(HtmlFromEditor); } &lt;/script&gt; &lt;textarea id="htmlbox_full"&gt;&lt;/textarea&gt; &lt;button onclick="getHtmlFromEditor();"&gt;Display HTML&lt;/button&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload