ecms整合tinyMCE

February 23rd, 2008 humker No comments

在e/data/html/1.php中的合适位置加上下面这段代码 

<!– tinyMCE –>

<script language="javascript" type="text/javascript" src="/e/data/tiny_mce/tiny_mce.js"></script>

<script language="javascript" type="text/javascript">

tinyMCE.init({

mode : "exact",

theme : "advanced",

elements : "newstext"

});

</script>

<!– /tinyMCE –>

http://prdownloads.sourceforge.net/tinymce/tinymce_3_0_1.zip?download的东西中的tiny_mce放在e/data下

重命名/admin/editor文件名或删除

tinyMCE使用/集成/设置/详解

http://www.cublog.cn/u/16928/showart.php?id=255585
剩下自己看看效果吧

编辑器中没有涉及到上传文件的考虑,主要是安全问题,以后慢慢考虑

先做个记号,下面是比较完整的,看看fckeditor

<!– tinyMCE –>

<script language="javascript" type="text/javascript" src="/e/admin/tiny_mce/tiny_mce.js"></script>

<script language="javascript" type="text/javascript">

tinyMCE.init({

mode : "exact",

theme : "advanced",

elements : "newstext" ,

plugins : "advimage,advlink,emotions,iespell,insertdatetime,preview,media,visualchars,xhtmlxtras,style,pagebreak,filemanager",
                theme_advanced_buttons1 : "bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,insertdate,inserttime,|,forecolor,backcolor,|,hr,removeformat,formatselect",
                theme_advanced_buttons2 : "link,unlink,image,media,|,undo,redo,cleanup,|,code,preview,styleprops,pagebreak,filemanager",
                theme_advanced_buttons3 : "",
    theme_advanced_toolbar_location : "top",
                theme_advanced_toolbar_align : "left",
                theme_advanced_path_location : "bottom",
                extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]"
               

});

</script>

<!– /tinyMCE –>

Categories: 整站程序 Tags: ,

在线HTML编辑器原理

February 23rd, 2008 humker No comments

 给ecms换编辑器

http://blog.voc.com.cn/sp1/hao123mh/142413412033.shtml

为什么能实现在线编辑呢?  首先需要ie 的支持,在 ie 5.5以后就有一个编辑状态,就是利用这个编辑状态,然后用javascript 来控制在线编辑的。下面给出一个简短的例子:首先要有一个编辑框,这个编辑框其实就是一个 可编辑状态的 网页,我们这里用iframe 来建立编辑框

<IFRAME id=HtmlEdit style="WIDTH: 100%; HEIGHT: 296px" marginWidth=0 marginHeight=0> </IFRAME>
并且在 加上javascript 代码来指定 HtmlEdit 有编辑功能:
function document.onreadystatechange(){
  HtmlEdit.document.designMode="On";
}
HtmlEdit.document.body.innerHTML  这句可以获得 HtmEdit 里面的html代码. 一般的我们会用这样的javascript 将 iframe 里的内容传递给一个textarea 然后提交给服务器处理.
function getIframeData(){
   document.form1.test.value=HtmlEdit.document.body.innerHTML;
}
function sentIframeData(){
   HtmlEdit.document.body.innerHTML=document.form1.test.value;
}
var sel = HtmlEdit.document.selection.createRange(); 而这一句可以获得选取的焦点:
下面我就演示一个完成的例子. 一个拥有加粗功能的在线编辑器,有兴趣的朋友可以在此基础上完成其他功能!!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function getIframeData(){
 document.form1.test.value=HtmlEdit.document.body.innerHTML;
}
function sentIframeData(){
 HtmlEdit.document.body.innerHTML=document.form1.test.value;
}
function doB(){
  HtmlEdit.focus();
  var sel = HtmlEdit.document.selection.createRange();
  insertHTML("<b>"+sel.text+"</b>");
}
function insertHTML(html) {
 if (HtmlEdit.document.selection.type.toLowerCase() != "none"){
   HtmlEdit.document.selection.clear() ;
   }
  HtmlEdit.document.selection.createRange().pasteHTML(html) ;
}
function document.onreadystatechange(){
   HtmlEdit.document.designMode="On";
}
</script>
</head>
<body>
<form action="test.asp?act=add" method="post" name="form1">
 
<IFRAME id=HtmlEdit style="WIDTH: 100%; HEIGHT: 296px" marginWidth=0 marginHeight=0></IFRAME>
<textarea name="test" rows="10" id="test" style="width:100%;"></textarea>
<br/>
<input type="submit" name="Submit" value="提交">
<input type="button" value="iframe->textarea">
<input type="button" value="textarea->iframe">
<input type="button" value="B">
</form>
</body>
</html>
Categories: 整站程序 Tags:

孤独

January 28th, 2008 humker No comments

宿舍只剩自己一个人了,有时间自己思考一下了。

糊里糊涂的在网络上混了三年多了,至今只剩了两个网站,其他的都是垃圾站。

一个站百度老是不感冒,打算春节回来后改版,可能会换整站。

其他的域名都不续费了,留一两个自己中心的。

网站不会再建了,只是维护那两个。

垃圾站不再更新,知道域名到期。

空间的大小改变,最后只留1g。

当时的热情,而现在自己更冷静了。

做网站兼职还可以,做为主业并不一定适合每一个人。

也许更应该看看自己的专业,少分散精力。

Categories: 生活琐记 Tags:

TextPattern的处女帖

January 25th, 2008 humker No comments

还像往常一样,使用一种整站程序总要建立一个版块来记录自己的心得。

一用到txp就感觉像久违的老朋友见了面一样。

扩展性强,简约而不简单。

Categories: 整站程序 Tags:

ecms seo的思考

December 29th, 2007 humker No comments

自己用了一年多的ecms,从4.0到4.6,功能可能是最好的,而且也是最稳定和安全的。

就是有一点,它不开源,而且每个页面都有一个类似于

这样的尾巴。

这个尾巴按照搜索引擎的协议,他们是忽略这个注释的。

google确实是这样,而baidu就自私一些,这是标记一个网站的很好手段,有这个标记的就降权。

只是我自己的体验,不代表一般现象。

而且现在的4.7,只有首页和栏目封面有这个尾巴了,情况会好许多。

Categories: 网站建设 Tags: ,