小型编辑器(jquery)--谌俊

小型编辑器(jquery)　

之前一直使用的编辑器是FCKeditor2.6.3，经过我的配置个性化之后，还是蛮好用的，但是在masterpage下就出现了一个问题：点击添加链接和插入图片这些需要popup的功能无法使用，点击后无弹出窗！

在网上寻得一功能强劲的基于jquery框架的小型编辑器，Lightweight Rich Text Editor (RTE / WYSIWYG) for jQuery 非常美观和实用！但是缺陷是只有英文版且有一个有缺陷的缩放功能！

于是再次为了广大.neter的福利，我和同事周钟一起将此小型编辑器修改和汉化，供大家使用，点击这里下载

调用方法：

<html>
<head>
<title>A Light weight RTE jQuery Plugin</title>
<link type="text/css" rel="stylesheet" href="/Blog/jquery.rte.css" />
<style type="text/css">
body, textarea {
    font-family:sans-serif;
    font-size:12px;
}
</style>
</head>
<body>
<form>
    <p>
<textarea name="content" id="content" class="rte1" cols="100" rows="10"></textarea>
    </p>
</form>
<script type="text/javascript" src="/Blog/jquery.js"></script>
<script type="text/javascript" src="/Blog/jquery.rte.js"></script>
<script type="text/javascript" src="/Blog/jquery.rte.tb.js"></script>
<script type="text/javascript" src="/Blog/jquery.ocupload-1.1.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var arr = $('.rte1').rte({
  css: ['default.css'],
  controls_rte: rte_toolbar,
  controls_html: html_toolbar
});
});
</script>
</body>
</html>

    如果你需要在JS中判断此编辑器内容是否为空必须使用LWRTE的专用API get_content()来获取编辑器内容！方法如下：
<script type="text/javascript">
var a;
$(document).ready(function() {
var arr = $('.rte1').rte({
  css: ['default.css'],
  controls_rte: rte_toolbar,
  controls_html: html_toolbar
});
a = arr;
});
function checkform()
{
    var content=a['content'].get_content();
    if(content=="")
    {
        alert("内容不能为空！");
        return false;
    }
    return true;
}
</script>

还是那句话：为了广大.neter的福利，我们还会继续努力！鸣谢周钟！
转载本文请注明出处，谢谢！

谌俊发表于 2009-8-17 14:46:00
[ 阅读全文 | 回复(0) | 编辑 ]

分享到：

上一篇：HTML生成PDF(c#)
下一篇：location.href不跳转的解决办法

发表评论：