webcit/tiny_mce/plugins/bbcode/editor_plugin_src.js

   1 /**\r
   2  * $Id: editor_plugin_src.js 201 2007-02-12 15:56:56Z spocke $\r
   3  *\r
   4  * @author Moxiecode\r
   5  * @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved.\r
   6  */\r
   7 \r
   8 (function() {\r
   9         tinymce.create('tinymce.plugins.BBCodePlugin', {\r
  10                 init : function(ed, url) {\r
  11                         var t = this, dialect = ed.getParam('bbcode_dialect', 'punbb').toLowerCase();\r
  12 \r
  13                         ed.onBeforeSetContent.add(function(ed, o) {\r
  14                                 o.content = t['_' + dialect + '_bbcode2html'](o.content);\r
  15                         });\r
  16 \r
  17                         ed.onPostProcess.add(function(ed, o) {\r
  18                                 if (o.set)\r
  19                                         o.content = t['_' + dialect + '_bbcode2html'](o.content);\r
  20 \r
  21                                 if (o.get)\r
  22                                         o.content = t['_' + dialect + '_html2bbcode'](o.content);\r
  23                         });\r
  24                 },\r
  25 \r
  26                 getInfo : function() {\r
  27                         return {\r
  28                                 longname : 'BBCode Plugin',\r
  29                                 author : 'Moxiecode Systems AB',\r
  30                                 authorurl : 'http://tinymce.moxiecode.com',\r
  31                                 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/bbcode',\r
  32                                 version : tinymce.majorVersion + "." + tinymce.minorVersion\r
  33                         };\r
  34                 },\r
  35 \r
  36                 // Private methods\r
  37 \r
  38                 // HTML -> BBCode in PunBB dialect\r
  39                 _punbb_html2bbcode : function(s) {\r
  40                         s = tinymce.trim(s);\r
  41 \r
  42                         function rep(re, str) {\r
  43                                 s = s.replace(re, str);\r
  44                         };\r
  45 \r
  46                         // example: <strong> to [b]\r
  47                         rep(/<a.*?href=\"(.*?)\".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]");\r
  48                         rep(/<font.*?color=\"(.*?)\".*?class=\"codeStyle\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]");\r
  49                         rep(/<font.*?color=\"(.*?)\".*?class=\"quoteStyle\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]");\r
  50                         rep(/<font.*?class=\"codeStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]");\r
  51                         rep(/<font.*?class=\"quoteStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]");\r
  52                         rep(/<span style=\"color: ?(.*?);\">(.*?)<\/span>/gi,"[color=$1]$2[/color]");\r
  53                         rep(/<font.*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[color=$1]$2[/color]");\r
  54                         rep(/<span style=\"font-size:(.*?);\">(.*?)<\/span>/gi,"[size=$1]$2[/size]");\r
  55                         rep(/<font>(.*?)<\/font>/gi,"$1");\r
  56                         rep(/<img.*?src=\"(.*?)\".*?\/>/gi,"[img]$1[/img]");\r
  57                         rep(/<span class=\"codeStyle\">(.*?)<\/span>/gi,"[code]$1[/code]");\r
  58                         rep(/<span class=\"quoteStyle\">(.*?)<\/span>/gi,"[quote]$1[/quote]");\r
  59                         rep(/<strong class=\"codeStyle\">(.*?)<\/strong>/gi,"[code][b]$1[/b][/code]");\r
  60                         rep(/<strong class=\"quoteStyle\">(.*?)<\/strong>/gi,"[quote][b]$1[/b][/quote]");\r
  61                         rep(/<em class=\"codeStyle\">(.*?)<\/em>/gi,"[code][i]$1[/i][/code]");\r
  62                         rep(/<em class=\"quoteStyle\">(.*?)<\/em>/gi,"[quote][i]$1[/i][/quote]");\r
  63                         rep(/<u class=\"codeStyle\">(.*?)<\/u>/gi,"[code][u]$1[/u][/code]");\r
  64                         rep(/<u class=\"quoteStyle\">(.*?)<\/u>/gi,"[quote][u]$1[/u][/quote]");\r
  65                         rep(/<\/(strong|b)>/gi,"[/b]");\r
  66                         rep(/<(strong|b)>/gi,"[b]");\r
  67                         rep(/<\/(em|i)>/gi,"[/i]");\r
  68                         rep(/<(em|i)>/gi,"[i]");\r
  69                         rep(/<\/u>/gi,"[/u]");\r
  70                         rep(/<span style=\"text-decoration: ?underline;\">(.*?)<\/span>/gi,"[u]$1[/u]");\r
  71                         rep(/<u>/gi,"[u]");\r
  72                         rep(/<blockquote[^>]*>/gi,"[quote]");\r
  73                         rep(/<\/blockquote>/gi,"[/quote]");\r
  74                         rep(/<br \/>/gi,"\n");\r
  75                         rep(/<br\/>/gi,"\n");\r
  76                         rep(/<br>/gi,"\n");\r
  77                         rep(/<p>/gi,"");\r
  78                         rep(/<\/p>/gi,"\n");\r
  79                         rep(/&nbsp;/gi," ");\r
  80                         rep(/&quot;/gi,"\"");\r
  81                         rep(/&lt;/gi,"<");\r
  82                         rep(/&gt;/gi,">");\r
  83                         rep(/&amp;/gi,"&");\r
  84 \r
  85                         return s; \r
  86                 },\r
  87 \r
  88                 // BBCode -> HTML from PunBB dialect\r
  89                 _punbb_bbcode2html : function(s) {\r
  90                         s = tinymce.trim(s);\r
  91 \r
  92                         function rep(re, str) {\r
  93                                 s = s.replace(re, str);\r
  94                         };\r
  95 \r
  96                         // example: [b] to <strong>\r
  97                         rep(/\n/gi,"<br />");\r
  98                         rep(/\[b\]/gi,"<strong>");\r
  99                         rep(/\[\/b\]/gi,"</strong>");\r
 100                         rep(/\[i\]/gi,"<em>");\r
 101                         rep(/\[\/i\]/gi,"</em>");\r
 102                         rep(/\[u\]/gi,"<u>");\r
 103                         rep(/\[\/u\]/gi,"</u>");\r
 104                         rep(/\[url=([^\]]+)\](.*?)\[\/url\]/gi,"<a href=\"$1\">$2</a>");\r
 105                         rep(/\[url\](.*?)\[\/url\]/gi,"<a href=\"$1\">$1</a>");\r
 106                         rep(/\[img\](.*?)\[\/img\]/gi,"<img src=\"$1\" />");\r
 107                         rep(/\[color=(.*?)\](.*?)\[\/color\]/gi,"<font color=\"$1\">$2</font>");\r
 108                         rep(/\[code\](.*?)\[\/code\]/gi,"<span class=\"codeStyle\">$1</span>&nbsp;");\r
 109                         rep(/\[quote.*?\](.*?)\[\/quote\]/gi,"<span class=\"quoteStyle\">$1</span>&nbsp;");\r
 110 \r
 111                         return s; \r
 112                 }\r
 113         });\r
 114 \r
 115         // Register plugin\r
 116         tinymce.PluginManager.add('bbcode', tinymce.plugins.BBCodePlugin);\r
 117 })();