富文本编辑器 CKeditor


2017-09-15 18:09:20 •  12296次阅读    评论
这是一个由乐天派大爷,转载的作品信息,您可以通过本页信息及教程所示,来了解和使用这个作品! 
富文本编辑器 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){......}



我也想创建自己的作品主页,了解创建和发布作品的方法 <- go! 

用户评论

开源分享家
#1 ⋅ 2023年06月11日 14:46:33

真不错啊

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

一晚上这么多人?

更多精彩评论

乐天派大爷

该作品的相关教程
该作品暂时没有相关可用教程 您可以选择贡献 +[协助补充]
有穹平台赞助商
暂无赞助商,如需成为赞助商可点击 此链接 了解。