Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

本站标签式富文本编辑器使用说明

  发布问题的时候可以使用<x标签>定义富文本,这个标签不是标准的标签,是服务器内部解析的。仅为了取代传统的富文本编辑器而存在的,传统的所见即所得模式会产生大量的HTML冗余代码,不符合科学发展观。<x标签>是可以实现A、SPAN、IMG、CODE这几个标签的功能。具体用法如下:
  如果你想在你的提问中带个超链接,可以使用: <x href="http://www.web-tinker.com/">
  次碳酸钴
</x>
  这个标签会被解析为 <a href="http://www.web-tinker.com/" target="_blank" rel="nofollow">
  次碳酸钴
</a>
  需要注意的是,x标签仅仅解析href为http开头协议的链接,所以链接时请使用绝对路径,并且不要添加FTP之类的协议。
  下面是基本样式的使用,我尽量保持着HTML本身的标准,只是换了标签名而已。 <x style="color:red;font-size:32px;">次碳酸钴</x>   这种写法会被解析为 <span style="color:red;font-size:32px;">次碳酸钴</span>   当然,你可以为把x标签同时加上href和style,让超链接使用样式,这几就不举例了。当然如果直接把style的权限交出去的话会有安全性问题,因此style仅解析以下样式:
    font
    font-*
    text-decoration
    line-height
    color
    background-color
  接下来是图片的使用。图片需要外链,暂时不提供图片上传: <x src="图片URL" />   会被解析为 <img src="图片URL" />   x标签支持自结束写法,但是必须结束,如果不结束解析可能会混乱。使用图片时候不支持style,如果同时设置了style和src,则仅src有效。另外x标签不可嵌套,因此不能给图片加超链接。
  最后是代码高亮 <x code="js">
var i=100;
for(i--)if(i<50)break;
void null;
</x>
<x code="css">
* {margin:0px;padding:0px;}
div {width:100px;height:100px;}
</x>
<x code="html">
<!DOCTYPE html>
<div class="main">
  <a href="#">次碳酸钴</a>
</div>
<script>
  //SCRIPT标签和STYLE标签里的内容可以被解析
  var PI=3.14,zero="0";
</script>
</x>
<x code="php">
$a=100;
while($a--)echo $a;
</x>
<x code="text">
  普通文本,只是被放入一个框中而已
</x>
  这个代码可以得到以下效果

  x标签的code属性目前可以的值仅为js、css、html、php、text。而且当x标签存在code属性时会无视掉href、src、style这些属性。另外,请保持代码的语法正确,否则高亮解析出错就无法避免了。高亮引擎仅实现高亮,不对代码缩进和换行动手脚,所以请自己调整好代码的格式再发布。

  由于是新程序,或多或少的会存在一些BUG,我一旦发现会立即修复。并且将来会扩种一些功能这个文档也会更新。如果需要个版本号的话,这个就叫做“x-editor 1.0”吧。。。
网名:
34.203.245.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^