您的位置:首页 > Web前端 > HTML

pligg9.7beta的后HTML编辑器插件的安装(tinymce_2_1_1_1)(以及使用中遇到的点滴问题解决办法)

2007-08-18 02:55 1696 查看

pligg9.7beta的后HTML编辑器插件的安装(tinymce_2_1_1_1)

怎么在pligg提交新闻时使用HTML编辑器。这一点国内还真没有什么介绍类的文章,所以我到pligg官网上看过来的英文教程翻译给大家,希望对大家有所帮助: 我们要使用HTML编辑器而不是pligg默认的那个比较单调的纯文本编辑器,就需要用到一个叫做tinyMCE的程序。可以从tinyMCE的官网下载。

by clin003 at 20070718 from:http://clin003.com/或http://blog.csdn.net/clin003/

需要说明的是保存时最好选择utf-8编码,不然搞完后会提示(The default yget template does not exist anymore. Please fix this so you can fix other problems!


+++++++++++++add at 20070826+++++++++
本文解决的问题:
pligg内容管理系统丰富内容(html)编辑器添加。
插入视频摘要部分显示提示办法
双引号导致”添加这个到。。“显示错乱解决办法
+++++++++++++add at 20070826++++++++++

效果如图:

 by clin003 at 20070718 from:http://clin003.com/或http://blog.csdn.net/clin003/



下载好之后,

第一步:
将tinyMCE压缩包解开,仅仅只要/tinymce/jscripts/这个目录下的tiny_mce文件夹,将其复制到pligg安装路径的 3rdParty这个目录下。(如果你嫌麻烦,可以点击这里下载干净的软件包(地址1:http: //redrenblog.googlepages.com/tiny_mce.rar地址2:http: //i0day.com/bbeta/tiny_mce.rar),将其解压后,直接复制进pligg的3rdParty目录下)

by clin003 at 20070718 from:http://clin003.com/或http://blog.csdn.net/clin003/

 第二步:
进入pligg的管理面板,还是编辑设置选项,更改“提交新闻”的默认参数,将HTML的当前值设置为如这张图上的样子

------------------------add at 20070819

(使用<span>标签可能导致排版凌乱,建议不要使用span)

------------------------add at 20070819
 



第三步:
用你喜欢的文本编辑工具编辑pligg安装路径的templates/yget目录下的Pligg.tpl文件,在

{checkForJs}
(大约在36行)后面加上

{if $pagename eq "submit"}
    <script language="javascript" type="text/javascript" src="{$my_pligg_base}/3rdparty/tiny_mce/tiny_mce.js"></script>
  {/if}


第四步:
在同一目录下,编辑submit_step_2.tpl,在

{config_load file="/libs/lang.conf"}
(大约在第一行)后面加上

{literal}
  <script language="javascript" type="text/javascript">
    tinyMCE.init({
      mode : "exact",
      elements : "bodytext",
      theme : "advanced",
      plugins : "advimage,advlink,emotions,iespell,insertdatetime,preview,media,visualchars,xhtmlxtras",
      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",
      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>
{/literal}


大功告成,现在你再到提交新闻哪里去提交看看?到第二步的时候,是不是提交框已经出现了漂亮的HTML编辑器?

by clin003 at 20070718 from:http://clin003.com/或http://blog.csdn.net/clin003/

(第三第四步修改好的文件,我这里也提供下载(地址1:http://redrenblog.googlepages.com/tpl.rar ,地址2:http://i0day.com/bbeta/yget.rar),嫌麻烦的话,直接把下载得到的这两个文件放到我刚才说的目录下就可以了。)

 

 需要说明的是保存时最好选择utf-8编码,不然搞完后会提示(The default yget template does not exist anymore. Please fix this so you can fix other problems!

-----------------------------edit and add at 20070824---
另外在使用这个编辑器做视频插入时(我仅在插入youtube视频)大小调节可能不起作用,这样可以直接使用html按钮编辑html代码使用youtube本身的代码就可以,效果测试良好@_@(还有就是首页调用显示和内容显示是一个道理,只要摘要显示的字符够多,那些代码不被截断,那么首页调用就可以直接显示视频和其他一些丰富内容,有时候可能文章提交后连接或排版出错那么就看看你的摘要部分有些代码是不是被截断啦,如果那样自行修改后问题应该可以解决)

实际上任何代码任何长短都可能造成页面不正常(比如显示错乱,订阅到出现文章内容等)这时你可以检查下你的文章html代码把其中的使用双引号(“)的部分替换为使用单引号(’),目前看来这样可以解决大部分问题,但对有恶意的人来说这或许并不是什么坏消息!!
----------------------
当文章代码部分含有双引号(“)时,点击”添加到这个到。。。“可能文章内容显示,引起显示错乱,解决的办法是:在文章发布后,再重新编辑文章(可复制文本框中的代码到记事本然后替换双引号为单引号即可)。
----------------------add at 20070826
-----------------------------edit and add at 20070824------
代码例子:


<p><embed src="http://www.youtube.com/v/i4BYMvVvMg0" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed> </p>

参考自:http://blog.redren.com/?p=117和pligg官网上的英文教程
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐