ckeditor 前段js配置toolbar以及取值(实用)
Posted 爷的眼睛闪亮
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ckeditor 前段js配置toolbar以及取值(实用)相关的知识，希望对你有一定的参考价值。
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title></title>
<meta name="decorator" content="default" />
<script type="text/javascript" src="${ctxStatic}/ckeditor_4.7.3_full/ckeditor/ckeditor.js"></script>
<script type="text/javascript">
$(document).ready(function () {
alert("he");
$("#hel").click(function () {
alert("hello");
var ckIns=CKEDITOR.instances.cktext;
alert("ckIns"+CKEDITOR.instances.cktext.getData());
});
});
</script>
</head>
<body>
hello
<textarea name="cktext" cols="30" rows="10"></textarea>
<button type="button" id="hel" class="btn btn-primary">获取值</button>
<script type="text/javascript">
CKEDITOR.replace("cktext", {
width: 950, height: 400, toolbar:
[
//撤销 重做 样式 格式 字体 字体大小 加粗 斜体， 穿过线 数字列表 实体列表 减小缩进 增大缩进 超链接 取消超链接 锚点 图片 表格 文本颜色 背景颜色 //全屏 显示区块
[‘Undo‘,‘Redo‘,‘Styles‘, ‘Format‘, ‘Font‘, ‘FontSize‘, ‘Bold‘, ‘Italic‘, ‘Strike‘,‘RemoveFormat‘, ‘NumberedList‘, ‘BulletedList‘, ‘-‘, ‘Outdent‘, ‘Indent‘, ‘Link‘, ‘Unlink‘, ‘Table‘, ‘TextColor‘, ‘BGColor‘, ‘Maximize‘,‘SpellChecker‘,‘-‘]
],
placeholder:‘enter换行(行距较大),shift+enter换行(正常换行)‘
});
</script>
</body>
</html>
以上是关于ckeditor 前段js配置toolbar以及取值(实用)的主要内容，如果未能解决你的问题，请参考以下文章