编辑网站等论坛的框模板

时间:2016-06-05 18:57:05

标签: javascript jquery html

我正在设计一个类似网站的论坛,我正在寻找一个自定义的开源HTML模板,它可以为我提供一个用户输入的输入框,就像我们发布问题或答案时所获得的那样。 / p>

我相信会有一些方便的模板准备就绪,我不需要再做所有这些,比如在顶部给出“Bold”,“Italics”,“Code”等按钮。

1 个答案:

答案 0 :(得分:1)

有现成的文本编辑器!做谷歌搜索,你会发现很多!

例如:

您可以使用其中一个并将其嵌入您的网页!

修改

如何使用CKEditor的快速入门指南:http://docs.ckeditor.com/#!/guide/dev_installation

这是一个关于如何进行"获取和保存数据"的文档链接。使用CKEditor:http://docs.ckeditor.com/#!/guide/dev_savedata

您将CKEditor附加到<textarea>元素。因此,在提交表单后,您可以使用附加编辑器的<textarea>名称来访问CKEditor内容的数据!

示例html:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>A Simple Page with CKEditor</title>
        <!-- Make sure the path to CKEditor is correct. -->
        <script src="../ckeditor.js"></script>
    </head>
    <body>
        <form action="save.php" method="post">
            <textarea name="editor1" id="editor1" rows="10" cols="80">
                This is my textarea to be replaced with CKEditor.
            </textarea>
            <script>
                // Replace the <textarea id="editor1"> with a CKEditor
                // instance, using default configuration.
                CKEDITOR.replace( 'editor1' );
            </script>
        </form>
    </body>
</html>

此处,您附加CKEditor的<textarea>元素的名称为editor1。所以在PHP方面,当提交表单时,您可以访问如下数据:

<?php
    $editor_data = $_POST[ 'editor1' ];
?>