编辑论坛(如网站)的框模板

我正在设计一个像网站这样的论坛，我正在寻找一个自定义的开源HTML模板，它可以给我一个编辑框，用户可以在其中输入并输入他的输入，就像我们发布问题或答案时得到的一样。

我相信会有一些方便的模板准备好，我不需要再做所有这些，比如在顶部提供"粗体"、"斜体"、"代码"等按钮。

有现成的文本编辑器可用！做一个谷歌搜索，你会发现很多！

例如：

https://www.tinymce.com/
http://ckeditor.com/

您可以使用其中之一并将其嵌入您的网页中！

编辑

有关如何使用 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' ];
?>

相关内容

最新更新

热门标签：