首页使用ckeditor编辑公告内容的相关代码及操作

使用ckeditor编辑公告内容的相关代码及操作

时间: 2024-02-06 13:10:55 浏览: 142

以下是使用 CKEditor 编辑公告内容的相关代码及操作： 1. 引入 CKEditor 的 JS 文件 ```html <script src="https://cdn.ckeditor.com/4.16.1/standard/ckeditor.js"></script> ``` 2. 创建一个 textarea 元素 ```html <textarea name="announcement_content" id="announcement_content"></textarea> ``` 3. 初始化 CKEditor ```javascript CKEDITOR.replace('announcement_content'); ``` 完整的代码示例： ```html <!DOCTYPE html> <html> <head> <title>CKEditor Demo</title> <script src="https://cdn.ckeditor.com/4.16.1/standard/ckeditor.js"></script> </head> <body> <h1>CKEditor Demo</h1> <form action="submit_announcement.php" method="post"> <label for="announcement_title">Title:</label> <input type="text" name="announcement_title" id="announcement_title"> <br><br> <label for="announcement_content">Content:</label> <textarea name="announcement_content" id="announcement_content"></textarea> <br><br> <input type="submit" value="Submit"> </form> <script> CKEDITOR.replace('announcement_content'); </script> </body> </html> ``` 以上代码将在页面上创建一个表单，其中包含一个标题输入框和一个 CKEditor 编辑器。当用户提交表单时，表单将被提交到 `submit_announcement.php` 页面进行处理。在 `submit_announcement.php` 页面中，可以通过 `$_POST['announcement_content']` 获取用户在 CKEditor 编辑器中输入的内容。

阅读全文