]> git.mxchange.org Git - friendica.git/blob - library/tinymce/jscripts/tiny_mce/plugins/bbcode/editor_plugin_src.js
translate br with extra elements
[friendica.git] / library / tinymce / jscripts / tiny_mce / plugins / bbcode / editor_plugin_src.js
1 /**\r
2  * editor_plugin_src.js\r
3  *\r
4  * Copyright 2009, Moxiecode Systems AB\r
5  * Released under LGPL License.\r
6  *\r
7  * License: http://tinymce.moxiecode.com/license\r
8  * Contributing: http://tinymce.moxiecode.com/contributing\r
9  */\r
10 \r
11 /* Macgirvin Aug-2010 changed from punbb to dfrn dialect */\r
12 \r
13 (function() {\r
14         tinymce.create('tinymce.plugins.BBCodePlugin', {\r
15                 init : function(ed, url) {\r
16                         var t = this, dialect = ed.getParam('bbcode_dialect', 'dfrn').toLowerCase();\r
17 \r
18                         ed.onBeforeSetContent.add(function(ed, o) {\r
19                                 o.content = t['_' + dialect + '_bbcode2html'](o.content);\r
20                         });\r
21 \r
22                         ed.onPostProcess.add(function(ed, o) {\r
23                                 if (o.set)\r
24                                         o.content = t['_' + dialect + '_bbcode2html'](o.content);\r
25 \r
26                                 if (o.get)\r
27                                         o.content = t['_' + dialect + '_html2bbcode'](o.content);\r
28                         });\r
29                 },\r
30 \r
31                 getInfo : function() {\r
32                         return {\r
33                                 longname : 'BBCode Plugin',\r
34                                 author : 'Moxiecode Systems AB',\r
35                                 authorurl : 'http://tinymce.moxiecode.com',\r
36                                 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/bbcode',\r
37                                 version : tinymce.majorVersion + "." + tinymce.minorVersion\r
38                         };\r
39                 },\r
40 \r
41                 // Private methods\r
42 \r
43                 // HTML -> BBCode in DFRN dialect\r
44                 _dfrn_html2bbcode : function(s) {\r
45                         s = tinymce.trim(s);\r
46 \r
47                         function rep(re, str) {\r
48 \r
49                                 //modify code to keep stuff intact within [code][/code] blocks\r
50                                 //Waitman Gobble NO WARRANTY\r
51 \r
52 \r
53                                 var o = new Array();\r
54                                 var x = s.split("[code]");\r
55                                 var i = 0;\r
56 \r
57                                 var si = "";\r
58                                 si = x.shift();\r
59                                 si = si.replace(re,str);\r
60                                 o.push(si);\r
61 \r
62                                 for (i = 0; i < x.length; i++) {\r
63                                         var no = new Array();\r
64                                         var j = x.shift();\r
65                                         var g = j.split("[/code]");\r
66                                         no.push(g.shift());\r
67                                         si = g.shift();\r
68                                         si = si.replace(re,str);\r
69                                         no.push(si);\r
70                                         o.push(no.join("[/code]"));\r
71                                 }\r
72 \r
73                                 s = o.join("[code]");\r
74 \r
75                         };\r
76 \r
77 \r
78 \r
79 \r
80                         /* oembed */\r
81                         function _h2b_cb(match) {\r
82                                 /*\r
83                                 function s_h2b(data) {\r
84                                                 match = data;\r
85                                 }\r
86                                 $.ajax({\r
87                                         type:"POST",\r
88                                         url: 'oembed/h2b',\r
89                                         data: {text: match},\r
90                                         async: false,\r
91                                         success: s_h2b,\r
92                                         dataType: 'html'\r
93                                 });\r
94                                 */\r
95                                 \r
96                                 var f, g, tof = [], tor = [];\r
97                                 var find_spanc = /<span [^>]*class *= *[\"'](?:[^\"']* )*oembed(?: [^\"']*)*[\"'][^>]*>(.*?(?:<span[^>]*>(.*?)<\/span *>)*.*?)<\/span *>/ig;\r
98                                 while (f = find_spanc.exec(match)) {\r
99                                         var find_a = /<a([^>]* rel=[\"']oembed[\"'][^>]*)>.*?<\/a *>/ig;\r
100                                         if (g = find_a.exec(f[1])) {\r
101                                                 var find_href = /href=[\"']([^\"']*)[\"']/ig;\r
102                                                 var m2 = find_href.exec(g[1]);\r
103                                                 if (m2[1]) {\r
104                                                         tof.push(f[0]);\r
105                                                         tor.push("[EMBED]" + m2[1] + "[/EMBED]");\r
106                                                 }\r
107                                         }\r
108                                 }\r
109                                 for (var i = 0; i < tof.length; i++) match = match.replace(tof[i], tor[i]);\r
110                                 \r
111                                 return match;\r
112                         }\r
113                         if (s.indexOf('class="oembed')>=0){\r
114                                 //alert("request oembed html2bbcode");\r
115                                 s = _h2b_cb(s);\r
116                         }\r
117                         \r
118                         /* /oembed */\r
119 \r
120 \r
121                         // example: <strong> to [b]\r
122                         rep(/<a class=\"bookmark\" href=\"(.*?)\".*?>(.*?)<\/a>/gi,"[bookmark=$1]$2[/bookmark]");\r
123                         rep(/<a.*?href=\"(.*?)\".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]");\r
124                         rep(/<span style=\"font-size:(.*?);\">(.*?)<\/span>/gi,"[size=$1]$2[/size]");\r
125                         rep(/<span style=\"color:(.*?);\">(.*?)<\/span>/gi,"[color=$1]$2[/color]");\r
126                         rep(/<font>(.*?)<\/font>/gi,"$1");\r
127                         rep(/<img.*?width=\"(.*?)\".*?height=\"(.*?)\".*?src=\"(.*?)\".*?\/>/gi,"[img=$1x$2]$3[/img]");\r
128                         rep(/<img.*?height=\"(.*?)\".*?width=\"(.*?)\".*?src=\"(.*?)\".*?\/>/gi,"[img=$2x$1]$3[/img]");\r
129                         rep(/<img.*?src=\"(.*?)\".*?height=\"(.*?)\".*?width=\"(.*?)\".*?\/>/gi,"[img=$3x$2]$1[/img]");\r
130                         rep(/<img.*?src=\"(.*?)\".*?width=\"(.*?)\".*?height=\"(.*?)\".*?\/>/gi,"[img=$2x$3]$1[/img]");\r
131                         rep(/<img.*?src=\"(.*?)\".*?\/>/gi,"[img]$1[/img]");\r
132 \r
133                         rep(/<ul class=\"listbullet\" style=\"list-style-type\: circle\;\">(.*?)<\/ul>/gi,"[list]$1[/list]");\r
134                         rep(/<ul class=\"listnone\" style=\"list-style-type\: none\;\">(.*?)<\/ul>/gi,"[list=]$1[/list]");\r
135                         rep(/<ul class=\"listdecimal\" style=\"list-style-type\: decimal\;\">(.*?)<\/ul>/gi,"[list=1]$1[/list]");\r
136                         rep(/<ul class=\"listlowerroman\" style=\"list-style-type\: lower-roman\;\">(.*?)<\/ul>/gi,"[list=i]$1[/list]");\r
137                         rep(/<ul class=\"listupperroman\" style=\"list-style-type\: upper-roman\;\">(.*?)<\/ul>/gi,"[list=I]$1[/list]");\r
138                         rep(/<ul class=\"listloweralpha\" style=\"list-style-type\: lower-alpha\;\">(.*?)<\/ul>/gi,"[list=a]$1[/list]");\r
139                         rep(/<ul class=\"listupperalpha\" style=\"list-style-type\: upper-alpha\;\">(.*?)<\/ul>/gi,"[list=A]$1[/list]");\r
140                         rep(/<li>(.*?)<\/li>/gi,'[li]$1[/li]');\r
141 \r
142                         rep(/<code>(.*?)<\/code>/gi,"[code]$1[/code]");\r
143                         rep(/<\/(strong|b)>/gi,"[/b]");\r
144                         rep(/<(strong|b)>/gi,"[b]");\r
145                         rep(/<\/(em|i)>/gi,"[/i]");\r
146                         rep(/<(em|i)>/gi,"[i]");\r
147                         rep(/<\/u>/gi,"[/u]");\r
148                         rep(/<span style=\"text-decoration: ?underline;\">(.*?)<\/span>/gi,"[u]$1[/u]");\r
149                         rep(/<u>/gi,"[u]");\r
150                         rep(/<blockquote[^>]*>/gi,"[quote]");\r
151                         rep(/<\/blockquote>/gi,"[/quote]");\r
152                         rep(/<hr \/>/gi,"[hr]");\r
153                         rep(/<br (.*?)\/>/gi,"\n\n");\r
154                         rep(/<br\/>/gi,"\n\n");\r
155                         rep(/<br>/gi,"\n");\r
156                         rep(/<p>/gi,"");\r
157                         rep(/<\/p>/gi,"\n");\r
158                         rep(/&nbsp;/gi," ");\r
159                         rep(/&quot;/gi,"\"");\r
160                         rep(/&lt;/gi,"<");\r
161                         rep(/&gt;/gi,">");\r
162                         rep(/&amp;/gi,"&");\r
163 \r
164                         return s; \r
165                 },\r
166 \r
167                 // BBCode -> HTML from DFRN dialect\r
168                 _dfrn_bbcode2html : function(s) {\r
169                         s = tinymce.trim(s);\r
170 \r
171 \r
172                         function rep(re, str) {\r
173 \r
174                                 //modify code to keep stuff intact within [code][/code] blocks\r
175                                 //Waitman Gobble NO WARRANTY\r
176 \r
177 \r
178                                 var o = new Array();\r
179                                 var x = s.split("[code]");\r
180                                 var i = 0;\r
181 \r
182                                 var si = "";\r
183                                 si = x.shift();\r
184                                 si = si.replace(re,str);\r
185                                 o.push(si);\r
186 \r
187                                 for (i = 0; i < x.length; i++) {\r
188                                         var no = new Array();\r
189                                         var j = x.shift();\r
190                                         var g = j.split("[/code]");\r
191                                         no.push(g.shift());\r
192                                         si = g.shift();\r
193                                         si = si.replace(re,str);\r
194                                         no.push(si);\r
195                                         o.push(no.join("[/code]"));\r
196                                 }\r
197 \r
198                                 s = o.join("[code]");\r
199 \r
200                         };\r
201 \r
202 \r
203 \r
204 \r
205 \r
206                         // example: [b] to <strong>\r
207                         rep(/\n/gi,"<br />");\r
208                         rep(/\[b\]/gi,"<strong>");\r
209                         rep(/\[\/b\]/gi,"</strong>");\r
210                         rep(/\[i\]/gi,"<em>");\r
211                         rep(/\[\/i\]/gi,"</em>");\r
212                         rep(/\[u\]/gi,"<u>");\r
213                         rep(/\[\/u\]/gi,"</u>");\r
214                         rep(/\[hr\]/gi,"<hr />");\r
215                         rep(/\[bookmark=([^\]]+)\](.*?)\[\/bookmark\]/gi,"<a class=\"bookmark\" href=\"$1\">$2</a>");\r
216                         rep(/\[url=([^\]]+)\](.*?)\[\/url\]/gi,"<a href=\"$1\">$2</a>");\r
217                         rep(/\[url\](.*?)\[\/url\]/gi,"<a href=\"$1\">$1</a>");\r
218                         rep(/\[img=(.*?)x(.*?)\](.*?)\[\/img\]/gi,"<img width=\"$1\" height=\"$2\" src=\"$3\" />");\r
219                         rep(/\[img\](.*?)\[\/img\]/gi,"<img src=\"$1\" />");\r
220 \r
221                         rep(/\[list\](.*?)\[\/list\]/gi, '<ul class="listbullet" style="list-style-type: circle;">$1</ul>');\r
222                         rep(/\[list=\](.*?)\[\/list\]/gi, '<ul class="listnone" style="list-style-type: none;">$1</ul>');\r
223                         rep(/\[list=1\](.*?)\[\/list\]/gi, '<ul class="listdecimal" style="list-style-type: decimal;">$1</ul>');\r
224                         rep(/\[list=i\](.*?)\[\/list\]/gi,'<ul class="listlowerroman" style="list-style-type: lower-roman;">$1</ul>');\r
225                         rep(/\[list=I\](.*?)\[\/list\]/gi, '<ul class="listupperroman" style="list-style-type: upper-roman;">$1</ul>');\r
226                         rep(/\[list=a\](.*?)\[\/list\]/gi, '<ul class="listloweralpha" style="list-style-type: lower-alpha;">$1</ul>');\r
227                         rep(/\[list=A\](.*?)\[\/list\]/gi, '<ul class="listupperalpha" style="list-style-type: upper-alpha;">$1</ul>');\r
228                         rep(/\[li\](.*?)\[\/li\]/gi, '<li>$1</li>');\r
229                         rep(/\[color=(.*?)\](.*?)\[\/color\]/gi,"<span style=\"color: $1;\">$2</span>");\r
230                         rep(/\[size=(.*?)\](.*?)\[\/size\]/gi,"<span style=\"font-size: $1;\">$2</span>");\r
231                         rep(/\[code\](.*?)\[\/code\]/gi,"<code>$1</code>");\r
232                         rep(/\[quote.*?\](.*?)\[\/quote\]/gi,"<blockquote>$1</blockquote>");\r
233 \r
234                         /* oembed */\r
235                         function _b2h_cb(match, url) {\r
236                                 url = bin2hex(url);\r
237                                 function s_b2h(data) {\r
238                                                 match = data;\r
239                                 }\r
240                                 $.ajax({\r
241                                         url: 'oembed/b2h?url=' + url,\r
242                                         async: false,\r
243                                         success: s_b2h,\r
244                                         dataType: 'html'\r
245                                 });\r
246                                 return match;\r
247                         }\r
248                         s = s.replace(/\[embed\](.*?)\[\/embed\]/gi, _b2h_cb);\r
249                         \r
250                         /* /oembed */\r
251 \r
252                         return s; \r
253                 }\r
254         });\r
255 \r
256         // Register plugin\r
257         tinymce.PluginManager.add('bbcode', tinymce.plugins.BBCodePlugin);\r
258 })();\r