下面的代码创建了一个jWYSIWYG编辑默认选项:
<script type="text/javascript" src="jquery.wysiwyg.js"></script>
<script type="text/javascript">
$(function() {
$('#wysiwyg').wysiwyg();
});
</script>
<textarea id="wysiwyg"></textarea>选择工具栏按钮控件配置选项:
$('#wysiwyg').wysiwyg({
controls: {
strikeThrough: { visible: true },
underline: { visible: true },
subscript: { visible: true },
superscript: { visible: true }
}
});还可以指定自定义控件与控件选择:
$('#wysiwyg').wysiwyg({
controls: {
alertSep: { separator: true },
alert: {
visible: true,
exec: function() { alert('Hello World'); },
className: 'alert'
}
}
})另一种方法:
$('#wysiwyg').wysiwyg("addControl",
"controlName",
{
icon: "/path/to/icon.png",
exec: function() { alert('Hello World'); }
}
);应用CSS样式表内的内容编辑,使用CSS配置选项:
$('#wysiwyg').wysiwyg({
css: 'editor.css'
});编辑器不会继承包含页面的样式,您必须指定一个CSS文件适用于它。
选择工具栏按钮控件配置选项:
$('#wysiwyg').wysiwyg({
controls: {
strikeThrough: { visible: true },
underline: { visible: true },
subscript: { visible: true },
superscript: { visible: true }
}
});还可以指定自定义控件与控件选择:
$('#wysiwyg').wysiwyg({
controls: {
alertSep: { separator: true },
alert: {
visible: true,
exec: function() { alert('Hello World'); },
className: 'alert'
}
}
})另一种方法:$('#wysiwyg').wysiwyg("addControl",
"controlName",
{
icon: "/path/to/icon.png",
exec: function() { alert('Hello World'); }
}
);应用CSS样式表内的内容编辑,使用CSS配置选项:
$('#wysiwyg').wysiwyg({
css: 'editor.css'
});编辑器不会继承包含页面的样式,您必须指定一个CSS文件适用于它。这些是什么意思啊???看不懂是干什么用的,能给稍微解释一下吗?