富文本编辑器 CKeditor


2017-09-15 18:09:20 •  11979次阅读    评论
富文本编辑器 CKeditor
开发语言：HTML
操作系统： Andiord
 官网主页  演示地址  下载地址
使用说明：

引入文件

<script src="ckeditor/ckeditor.js"></script>

页面中使用

<!--在需要使用编辑器的地方插入textarea标签 -->
描述：<textarea name="description" id="description"/></textarea>
<!--将相应的控件替换成编辑器代码 -->
<script type="text/javascript">
    window.onload = function()
    {
        CKEDITOR.replace( 'description');
    };
</script>

具体实例

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title></title>  
<script src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
    window.onload = function()
    {
        CKEDITOR.replace( 'description');
    };
</script>   
</head>
<body>
    <form method="post" action="job/add">
        招聘岗位：<input type="text" name="position" id="position"/>
        招聘人数：<input type="text" name="quantity" id="quantity"/>
        学历要求：<input type="text" name="education" id="education"/>
        薪资：<input type="text" name="salary" id="salary"/>
        联系人：<input type="text" name="contact" id="contact"/>
        联系电话：<input type="text" name="telephone" id="telephone"/>
        描述：<textarea name="description" id="description"/></textarea>
        <input type="submit"/>
    </form>
</body>
</html>

后台获取编辑器的值

@RequestMapping(value = "/add", method = RequestMethod.POST)
public Result add(Job job){......}



quot nbsp
0很赞     0很差 收藏

用户评论

乐天派大爷
乐天派大爷
#1 ⋅ 2019年09月18日 11:35:41

一晚上这么多人？

更多精彩评论

乐天派大爷

作者最近发布的作品
该源码的相关教程
该源码暂时没有相关可用教程 您可以选择贡献 +[协助补充]
有穹平台赞助商
暂无赞助商，如需成为赞助商可点击 此链接 了解。
大家觉得不错的源码
猜你喜欢的源码