富文本编辑器 CKeditor


2017-09-15 18:09:20 •  9422次阅读    评论
富文本编辑器 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){......}



用户评论

乐天派大叔家
#1 ⋅ 28天前

一晚上这么多人?

更多精彩评论