ueditor富文本编辑器的使用
ueditor官网地址 http://ueditor.baidu.com/website/index.html
ueditor.html
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>ueditor demo</title> </head> <body> <!-- 配置文件 --> <script type="text/javascript" src="ueditor.config.js"></script> <!-- 编辑器源码文件 --> <script type="text/javascript" src="ueditor.all.js"></script> <form action="server.php" method="post"> <!-- 加载编辑器的容器 --> <textarea id="wordtype" name="wordtype" style="display:none;"></textarea> <script id="container" name="content" type="text/plain"> 这里写你的初始化内容 </script><br><br> <input type="submit" value="提交" onclick="trancontent()"/> </form> <script type="text/javascript"> function trancontent() { document.getElementById('wordtype').innerHTML=UE.getEditor('container').getContent(); } </script> <!-- 实例化编辑器 --> <script type="text/javascript"> var editor = UE.getEditor('container'); </script> </body> </html> |
server.php 接受提交的数据
<?php echo $_POST['wordtype']; |