在线HTML编辑器 IPWEditor 1.2 发布
时间:2009-09-03 来源:linux论坛
IPWEditor 提供一种简单的方式实现网页即时编辑的功能,当点击网页上的一段文字时,将会自动加载一个使用 FCKEditor 或者是 TinyMCE 生成的可视化HTML编辑器,并对网页上的内容进行编辑。
该版本增加了对 TinyMCE 的支持,开发人员可以编码进行选择两种不同的编辑器。
示例代码:
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.editable.ipweditor-1.2.js"></script>
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<div id="editable" class="myipwe1"> Click me! I am editable and WYSIWYG!!! </div>
<script type="text/javascript">
//set all the tinyMCE configuration here and pass it to the editable
$().ready(function() {
var ed = new tinymce.Editor('myipwe1', {
some_setting : 1
});
$('.myipwe1').editable(
{
type: 'wysiwyg',
editor: ed,
onSubmit:function submitData(content){
alert(content.current)
},
submit:'save'
});
});
</script>
下载地址:
http://spacebug.com/ipweditor/release/ipweditor_1.2.zip
来源: oschina
该版本增加了对 TinyMCE 的支持,开发人员可以编码进行选择两种不同的编辑器。
示例代码:
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.editable.ipweditor-1.2.js"></script>
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<div id="editable" class="myipwe1"> Click me! I am editable and WYSIWYG!!! </div>
<script type="text/javascript">
//set all the tinyMCE configuration here and pass it to the editable
$().ready(function() {
var ed = new tinymce.Editor('myipwe1', {
some_setting : 1
});
$('.myipwe1').editable(
{
type: 'wysiwyg',
editor: ed,
onSubmit:function submitData(content){
alert(content.current)
},
submit:'save'
});
});
</script>
下载地址:
http://spacebug.com/ipweditor/release/ipweditor_1.2.zip
来源: oschina
相关阅读 更多 +