大家好,我是陈景序,今天我们来聊聊XDOC编辑器的使用和一些常见问题。如果你是做Web开发的,XDOC可能会是一个很有用的工具。接下来,我会带你一步步了解如何使用XDOC,并解决一些在使用过程中可能会遇到的问题。
准备阶段
首先,我们需要做一些准备工作:
- 打开XDOC编辑器,新建一个模板,命名为helloxdocMode,并保存为fpd格式。
- 下载web开发所需的文件:xdoc.js和fpd.swf。将这些文件放入你的web项目中,我一般将它们放在WebRoot目录下。
- 新建一个helloxdoc.html文件,并引入xdoc.js文件。
开发阶段
接下来,我们来编写一些代码。注意,这里不能带有DOCTYPE声明,否则会导致XDOC无法全屏显示。
<!--不能带DOCTYPE,否则会有xodc不能全屏显示的问题-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>'helloword.jsp'</title>
<script src="jquery-1.7.2.min.js"></script>
<script src="xdoc.js"></script>
</head>
<!--body样式,防止xdoc,html双滚动条-->
<body style="margin:0;overflow:hidden;">
<div id="formDiv"></div>
</body>
</html>
<script>
//XDoc.server是用来找fpd.swf的,即http://host:port/jweb/flash/fpd.swf
XDoc.server = "/jweb/flash";
XDoc.form("formDiv","helloxdocMode.fpd", {
onInit:function(form) {
},
onLoad:function(form) {
},
onSave:function(form) {
},
onChange:function(form,item) {
}
});
</script>
以上是XDOC的基本使用方法。接下来,我会介绍一些在使用过程中可能会遇到的问题。
常见问题及解决方案
1. 实际显示与模板不符,web中会有偏移等显示乱象。解决方法是,在设计模式下修改模板后,切换到运行模式,然后另存为。
2. 编辑模板合并单元格时,显示时会挤到一起。解决方法是,在设计模式下选择好要调整的控件后,选择“编辑表格属性”,找到“位置”->“尺寸类型”->“属性”,更改为“固定大小”。
3. XDOC不能全屏显示。解决方法是,去掉html、jsp等头部的标签。
4. XDOC,html双滚动条。解决方法是,给body添加样式:style="margin:0;overflow:hidden;"。
小结与拓展
以上就是关于XDOC编辑器的一些基本使用方法和常见问题解决方法。如果你还有其他问题,欢迎在评论区留言。我是陈景序,来自websoft网络软件专家(www.phpwebsoft.com),如果你对Web开发感兴趣,欢迎关注我们的网站,了解更多内容。
