简单使用XMLmind XML Editor

yaofang123 发表于 2011-12-23 01:56

使用XMLmind XML Editor（以下简称XXE），用于编写docbook文档。文档的架子一般手写即可，但是内容，如果不借助工具，还是比较麻烦的。下载和安装可参见<a href="http://marshal.easymorse.com/archives/2843" title="使用docbook编写《Android ABC》" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank">使用docbook编写《Android ABC》</a>中的相关内容。这里说一下基本使用。我一般到节（section）的时候，会单独创建文件。之前是手工创建，再用XXE打开编辑。结果发现编辑会有问题。没时间细查原因了，干脆直接用XXE创建。大体过程如下：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image22.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb22.png" width="372" height="162" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>因为使用的是docbook5语法，第二步：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image23.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb23.png" width="352" height="370" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>确定后，出现空文档，可以save as到需要的文件路径。<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image24.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb24.png" width="430" height="387" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>这是编写好的文档：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image25.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb25.png" width="423" height="386" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>如何添加节（section）docbook有section标签，是支持嵌套的，也就是如果在section中套section，就是该节的子节。选中节的全部内容，在xxe中会有红线框，然后在快捷菜单中增加节，就会在该节后面增加一节：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image26.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb26.png" width="509" height="404" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>增加完的效果：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image27.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb27.png" width="268" height="212" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>如果是在当前节下面增加节，那么，只需让光标在需要增加子节的地方，然后做上面加section的操作即可。添加后的效果：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image28.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb28.png" width="233" height="244" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>添加图片在docbook添加普通的图片（还有特殊的，等用到再写上）。在xxe中看到的效果见上面的图。在生成的文档中的样子：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image29.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb29.png" width="350" height="154" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>操作步骤是：先新开一个para，在原段落回车即可。<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image30.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb30.png" width="321" height="116" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>然后：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image31.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb31.png" width="481" height="252" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>然后，在下面文本框中输入mediaobject，然后回车：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image32.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb32.png" width="244" height="186" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a> 正文中会出现：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image33.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb33.png" width="502" height="110" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a> 双击红框出现对话框：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image34.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb34.png" width="334" height="173" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>在红圈项选择图片，就会在正文部分：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image35.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb35.png" width="515" height="130" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>如果需要图片居中的效果，可在有下面的表单中选取：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image36.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb36.png" width="352" height="258" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>如果想出现图的标题，就要麻烦些，xxe里面找到好的解决办法，可能是不支持吧。需要在文本中增加caption标签：<blockquote style="background-image: url(http://marshal.easymorse.com/wp-content/themes/patagonia/images/blockquote.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 244, 244); padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; margin-top: 3px; margin-right: 20px; margin-bottom: 3px; margin-left: 20px; background-position: 6px 3px; background-repeat: no-repeat no-repeat; "><mediaobject>          <imageobject>            <imagedata align="center" fileref="android.logo.png"></imagedata>          </imageobject>        <caption>            <para>Android文字图标</para>          </caption>  </mediaobject></blockquote>添加链接链接分两种，一种是链接到互联网上的页面，一种是文档内部的链接。第一种，比如：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image37.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb37.png" width="491" height="93" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>比如，现在要把下面HTC加一个到“<a href="http://www.htc.com/" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank">http://www.htc.com</a>”的链接。<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image38.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb38.png" width="201" height="280" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>然后，到右下表单中找到xlink:href属性，把链接填写到value部分即可。<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image39.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb39.png" width="360" height="176" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>针对第二种情况，目前还没时间琢磨xxe的写法，是手写的。比如这个列表：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image40.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb40.png" width="387" height="232" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>下面提到了：<a href="http://marshal.easymorse.com/wp-content/uploads/2010/07/image41.png" style="color: rgb(16, 26, 82); font-weight: 800; text-decoration: none; " target="_blank"><img title="image" border="0" alt="image" src="http://marshal.easymorse.com/wp-content/uploads/2010/07/image_thumb41.png" width="351" height="143" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 4px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; display: inline; "></a>点击列表文字部分，可以跳转到大事记列表处。在大事记部分：<blockquote style="background-image: url(http://marshal.easymorse.com/wp-content/themes/patagonia/images/blockquote.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 244, 244); padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; margin-top: 3px; margin-right: 20px; margin-bottom: 3px; margin-left: 20px; background-position: 6px 3px; background-repeat: no-repeat no-repeat; "><command xlink:href="#history_list">列表：</command></blockquote>在列表部分：<blockquote style="background-image: url(http://marshal.easymorse.com/wp-content/themes/patagonia/images/blockquote.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 244, 244); padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; margin-top: 3px; margin-right: 20px; margin-bottom: 3px; margin-left: 20px; background-position: 6px 3px; background-repeat: no-repeat no-repeat; "><command linkend="history_list">列表</command></blockquote>

页: [1]

Chinaunix's Archiver

简单使用XMLmind XML Editor