Question

有谁知道如何从HTML框富文本编辑器中检索文本？

Answer 1

Htmlbox只是一个扩展到html元素textarea的插件。你可以像普通的textarea html元素一样对待它。例如......

$(function()
{
 $('#textboxid').htmlbox({
        toolbars:[
             [
            "separator","bold","italic","underline","strike","sup","sub",
            "separator","removeformat"
            ],
            ["separator","fontsize","fontfamily","fontcolor","highlight"]
        ],
        skin:"blue"
        });
alert($('#textboxid').val());
}

Answer 2

要使用HtmlBox的内置函数，请执行以下操作：将htmlbox（）的返回值分配给变量，然后使用该变量调用HtmlBox的方法（例如hb_full.get_html（）;或任何其他方法）。请参阅下面的代码示例。

<script type="text/javascript">
    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);
    }
    </script>

    <textarea id="htmlbox_full"></textarea>
<button onclick="getHtmlFromEditor();">Display HTML</button>

从HTMLbox中检索文本

2 个答案: