跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

XDOC入门:如何快速上手XDOC编辑器?

大家好,我是陈景序,今天我们来聊聊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开发感兴趣,欢迎关注我们的网站,了解更多内容。

相关文章