Просмотр файла wu-static/js/bbeditor/jquery.wysibb.js

Конкурс дизайнеров на 15000 рублей
Свежие Креативы и море позитива !!!
Размер файла: 93.84Kb 
  1. function randomInteger(min, max) {
  2.   var rand = min + Math.random() * (max - min)
  3.   rand = Math.round(rand);
  4.   return rand;
  5. }
  6. if (typeof (WBBLANG)=="undefined") {WBBLANG = {};}
  7. WBBLANG['en'] = CURLANG = {
  8. 	wu_smile: "",
  9. 	bold: "Полужирный",
  10. 	italic: "Курсив",
  11. 	underline: "Подчеркнутый",
  12. 	strike: "Зачеркнутый",
  13. 	link: "Ссылка",
  14. 	img: "Изображение",
  15. 	sup: "Надстрочный текст",
  16. 	sub: "Подстрочный текст",
  17. 	justifyleft: "Текст по левому краю",
  18. 	justifycenter: "Текст по центру",
  19. 	justifyright: "Текст по правому краю",
  20. 	table: "Вставить таблицу",
  21. 	bullist: "Обычный список",
  22. 	numlist: "Нумерованный список",
  23. 	quote: "Цитата",
  24. 	offtop: "Оффтоп",
  25. 	code: "Код",
  26. 	spoiler: "Сворачиваемый текст",
  27. 	modal_spoiler_title: "Вставить спойлер",
  28. 	modal_spoiler_tab1: "Название спойлера",
  29. 	modal_spoiler_text: "Введите название спойлера",
  30. 	
  31. 	modal_level_title: "Вставить хайд по уровню",
  32. 	modal_level_tab1: "Уровень",
  33. 	modal_level_text: "Введите уровень",
  34. 	
  35. 	modal_user_title: "Вставить хайд по юзеру",
  36. 	modal_user_tab1: "Юзер",
  37. 	modal_user_text: "Введите логин",
  38. 	
  39. 	fontcolor: "Цвет текста",
  40. 	fontsize: "Размер текста",
  41. 	fontfamily: "Шрифт текста",
  42. 	fs_verysmall: "Очень маленький",
  43. 	fs_small: "Маленький",
  44. 	fs_normal: "Нормальный",
  45. 	fs_big: "Большой",
  46. 	fs_verybig: "Очень большой",
  47. 	smilebox: "Вставить смайл",
  48. 	video: "Вставить видео",
  49. 	removeFormat: "Удалить форматирование",
  50. 	
  51. 	modal_link_title: "Вставить ссылку",
  52. 	modal_link_text: "Отображаемый текст",
  53. 	modal_link_url: "URL ссылки",
  54. 	modal_email_text: "Отображаемый эл.адрес",
  55. 	modal_email_url: "Email",
  56. 	modal_link_tab1: "Вставить URL",
  57. 	
  58. 	modal_img_title: "Вставить изображение",
  59. 	modal_img_tab1: "Ввести URL",
  60. 	modal_img_tab2: "Загрузить файл",
  61. 	modal_imgsrc_text: "Введите адрес изображения",
  62. 	modal_img_btn: "Выберите файл для загрузки",
  63. 	add_attach: "Добавить вложение",
  64. 	
  65. 	modal_video_text: "Введите URL видео",
  66. 	
  67. 	close: "Закрыть",
  68. 	save: "Сохранить",
  69. 	cancel: "Отмена",
  70. 	remove: "Удалить",
  71. 	
  72. 	validation_err: "Введенные данные некорректны",
  73. 	error_onupload: "Ошибка во время загрузки файла или такое расширение файла не поддерживается",
  74. 	
  75. 	fileupload_text1: "Перетащите файл сюда",
  76. 	fileupload_text2: "или",
  77. 	
  78. 	loading: "Загрузка",
  79. 	auto: "Авто",
  80. 	views: "Просмотров",
  81. 	downloads: "Скачиваний",
  82. 	
  83. 	//smiles
  84. 	sm1: "Улыбка",
  85. 	sm2: "Смех",
  86. 	sm3: "Подмигивание",
  87. 	sm4: "Спасибо, класс",
  88. 	sm5: "Ругаю",
  89. 	sm6: "Шок",
  90. 	sm7:"Злой",
  91. 	sm8: "Огорчение",
  92. 	sm9: "Тошнит"
  93. };
  94. wbbdebug=true;
  95. (function($) {
  96. 	'use strict';
  97. 	$.wysibb = function(txtArea,settings) {
  98. 		$(txtArea).data("wbb",this);
  99. 		
  100. 		if (settings && settings.deflang && typeof(WBBLANG[settings.deflang])!="undefined") {CURLANG = WBBLANG[settings.deflang];}
  101. 		if (settings && settings.lang && typeof(WBBLANG[settings.lang])!="undefined") {CURLANG = WBBLANG[settings.lang];}
  102. 		this.txtArea=txtArea;
  103. 		this.$txtArea=$(txtArea);
  104. 		var id = this.$txtArea.attr("id") || this.setUID(this.txtArea);
  105. 		this.options = {
  106. 			bbmode:				false,
  107. 			onlyBBmode:			false,
  108. 			themeName:			"default", 
  109. 			bodyClass:			"",
  110. 			lang:				"ru",
  111. 			tabInsert:			false,
  112. //			toolbar:			false,
  113. 			//img upload config 
  114. 			imgupload:			false,
  115. 			img_uploadurl:		"/iupload.php",
  116. 			img_maxwidth:		800,
  117. 			img_maxheight:		800,
  118. 			hotkeys:			false,
  119. 			showHotkeys:		false,
  120. 			autoresize:			true,
  121. 			resize_maxheight:	800,
  122. 			loadPageStyles:		true,
  123. 			traceTextarea:		true,
  124. //			direction:			"ltr",
  125. 			smileConversion:	false,
  126.  
  127. 			//END img upload config 
  128. 			buttons: "bold,italic,underline,strike,sup,sub,|,img,video,link,spoiler,|,bullist,numlist,|,fontcolor,fontsize,fontfamily,|,justifyleft,justifycenter,justifyright,|,quote,code,table,removeFormat,wu_smile",
  129. 			allButtons: {
  130.  
  131. 				spoiler : {
  132. 					title: CURLANG.spoiler,
  133. 					buttonHTML: '<i class="icon-minus"></i>',
  134. 					hotkey: 'ctrl+shift+1',
  135. 					addWrap: true,
  136. 					modal: {
  137. 						title: CURLANG.modal_spoiler_title,
  138. 						width: "600px",
  139. 						tabs: [
  140. 							{
  141. 								title: CURLANG.modal_spoiler_tab1,
  142. 								input: [
  143. 									{param: "STITLE",title:CURLANG.modal_spoiler_text,validation: '^(.+?)$'}
  144. 								]
  145. 							}
  146. 						]
  147. 					},
  148. 					transform : {
  149. ['<div class="panel panel-default marnone"><div class="panel-heading spoiler-btn"><h4 class="panel-title">{STITLE}</h4></div><div class="spoiler-body"><div class="panel-body">{SELTEXT}</div></div></div>']:"[spoiler={STITLE}]{SELTEXT}[/spoiler]"
  150. 				}
  151. 				}, 
  152. 			
  153. 					wu_smile : {
  154. 					title: CURLANG.wu_smile,
  155. 					buttonText: '',
  156. 					transform : {
  157. 						'<img src="/wu-static/img/empty.png" class="wu-smile wu-{SELTEXT}" />':":smile_{SELTEXT}:"
  158. 					}
  159. 				},
  160. 				
  161. 				bold : {
  162. 					title: CURLANG.bold,
  163. 					buttonHTML: '<span class="fonticon ve-tlb-bold1">\uE018</span>',
  164. 					excmd: 'bold',
  165. 					hotkey: 'ctrl+b',
  166. 					transform : {
  167. 						'<b>{SELTEXT}</b>':"[b]{SELTEXT}[/b]",
  168. 						'<strong>{SELTEXT}</strong>':"[b]{SELTEXT}[/b]"
  169. 					}
  170. 				},
  171. 				italic : {
  172. 					title: CURLANG.italic,
  173. 					buttonHTML: '<span class="fonticon ve-tlb-italic1">\uE001</span>',
  174. 					excmd: 'italic',
  175. 					hotkey: 'ctrl+i',
  176. 					transform : {
  177. 						'<i>{SELTEXT}</i>':"[i]{SELTEXT}[/i]",
  178. 						'<em>{SELTEXT}</em>':"[i]{SELTEXT}[/i]"
  179. 					}
  180. 				},
  181. 				underline : {
  182. 					title: CURLANG.underline,
  183. 					buttonHTML: '<span class="fonticon ve-tlb-underline1">\uE002</span>',
  184. 					excmd: 'underline',
  185. 					hotkey: 'ctrl+u',
  186. 					transform : {
  187. 						'<u>{SELTEXT}</u>':"[u]{SELTEXT}[/u]"
  188. 					}
  189. 				},
  190. 				strike : {
  191. 					title: CURLANG.strike,
  192. 					buttonHTML: '<span class="fonticon fi-stroke1 ve-tlb-strike1">\uE003</span>',
  193. 					excmd: 'strikeThrough',
  194. 					transform : {
  195. 						'<strike>{SELTEXT}</strike>':"[s]{SELTEXT}[/s]",
  196. 						'<s>{SELTEXT}</s>':"[s]{SELTEXT}[/s]"
  197. 					}
  198. 				},
  199. 				sup : {
  200. 					title: CURLANG.sup,
  201. 					buttonHTML: '<span class="fonticon ve-tlb-sup1">\uE005</span>',
  202. 					excmd: 'superscript',
  203. 					transform : {
  204. 						'<sup>{SELTEXT}</sup>':"[sup]{SELTEXT}[/sup]"
  205. 					}
  206. 				},
  207. 				sub : {
  208. 					title: CURLANG.sub,
  209. 					buttonHTML: '<span class="fonticon ve-tlb-sub1">\uE004</span>',
  210. 					excmd: 'subscript',
  211. 					transform : {
  212. 						'<sub>{SELTEXT}</sub>':"[sub]{SELTEXT}[/sub]"
  213. 					}
  214. 				},
  215. 				link : {
  216. 					title: CURLANG.link,
  217. 					buttonHTML: '<span class="fonticon ve-tlb-link1">\uE007</span>',
  218. 					hotkey: 'ctrl+shift+2',
  219. 					modal: {
  220. 						title: CURLANG.modal_link_title,
  221. 						width: "500px",
  222. 						tabs: [
  223. 							{
  224. 								input: [
  225. 									{param: "SELTEXT",title:CURLANG.modal_link_text, type: "div"},
  226. 									{param: "URL",title:CURLANG.modal_link_url,validation: '^http(s)?://'}
  227. 								]
  228. 							}
  229. 						]
  230. 					},
  231. 					transform : {
  232. 						'<a href="{URL}">{SELTEXT}</a>':"[url={URL}]{SELTEXT}[/url]",
  233. 						'<a href="{URL}">{URL}</a>':"[url]{URL}[/url]"
  234. 					}
  235. 				},
  236. 				img : {
  237. 					title: CURLANG.img,
  238. 					buttonHTML: '<span class="fonticon ve-tlb-img1">\uE006</span>',
  239. 					hotkey: 'ctrl+shift+1',
  240. 					addWrap: true,
  241. 					modal: {
  242. 						title: CURLANG.modal_img_title,
  243. 						width: "600px",
  244. 						tabs: [
  245. 							{
  246. 								title: CURLANG.modal_img_tab1,
  247. 								input: [
  248. 									{param: "SRC",title:CURLANG.modal_imgsrc_text,validation: '^http(s)?://.*?\.(jpg|png|gif|jpeg)$'}
  249. 								]
  250. 							},
  251.               { //The second tab
  252.                 title: CURLANG.modal_img_tab2,
  253.                 html: '<input id="f_upload" name="photoimg" type="file" multiple accept="image/*" class="file-loading"> <script type="text/javascript"> $("#f_upload").fileinput({ uploadUrl: "/wu-engine/wu-actions/upload_image_bb.php", language: "ru", uploadAsync: true, allowedFileExtensions : ["jpg", "png","gif"] }); $("#f_upload").on("fileuploaded", function(event, data, previewId, index) { setTimeout(function() { $(\'.lightgallerys\').lightGallery(); }, 500); }); </script>'
  254.               }
  255. 						],
  256. 						onLoad: this.imgLoadModal,
  257. 						onSubmit: function() {}
  258. 					},
  259. 					transform : {
  260. 						'<img src="{SRC}" class="postimg" />':"[img]{SRC}[/img]",
  261. 						'<img src="{SRC}" width="{WIDTH}" height="{HEIGHT}" class="postimg" />':"[img width={WIDTH},height={HEIGHT}]{SRC}[/img]"
  262. 					}
  263. 				},
  264. 				bullist : {
  265. 					title: CURLANG.bullist,
  266. 					buttonHTML: '<span class="fonticon ve-tlb-list1">\uE009</span>',
  267. 					excmd: 'insertUnorderedList',
  268. 					transform : {
  269. 						'<ul>{SELTEXT}</ul>':"[list]{SELTEXT}[/list]",
  270. 						'<li>{SELTEXT}</li>':"[*]{SELTEXT}[/*]"
  271. 					}
  272. 				},
  273. 				numlist : {
  274. 					title: CURLANG.numlist,
  275. 					buttonHTML: '<span class="fonticon ve-tlb-numlist1">\uE00a</span>',
  276. 					excmd: 'insertOrderedList',
  277. 					transform : {
  278. 						'<ol>{SELTEXT}</ol>':"[numlist]{SELTEXT}[/numlist]",
  279. 						'<li>{SELTEXT}</li>':"[*]{SELTEXT}[/*]"
  280. 					}
  281. 				},
  282. 				quote : {
  283. 					title: CURLANG.quote,
  284. 					buttonHTML: '<span class="fonticon ve-tlb-quote1">\uE00c</span>',
  285. 					hotkey: 'ctrl+shift+3',
  286. 					//subInsert: true,
  287. 					transform : { 
  288. 						'<blockquote>{SELTEXT}</blockquote>':"[quote]{SELTEXT}[/quote]"
  289. 					}
  290. 				},
  291. 				code : {
  292. 					title: CURLANG.code,
  293. 					buttonText: '[code]',
  294. 					/* buttonHTML: '<span class="fonticon">\uE00d</span>', */
  295. 					hotkey: 'ctrl+shift+4',
  296. 					onlyClearText: true,
  297. 					transform : {
  298. 						'<code>{SELTEXT}</code>':"[code]{SELTEXT}[/code]"
  299. 					}
  300. 				},
  301. 				offtop : {
  302. 					title: CURLANG.offtop,
  303. 					buttonText: 'offtop',
  304. 					transform : {
  305. 						'<span style="font-size:10px;color:#ccc">{SELTEXT}</span>':"[offtop]{SELTEXT}[/offtop]"
  306. 					}
  307. 				},
  308. 				fontcolor: {
  309. 					type: "colorpicker",
  310. 					title: CURLANG.fontcolor,
  311. 					excmd: "foreColor",
  312. 					valueBBname: "color",
  313. 					subInsert: true,
  314. 					colors: "#000000,#444444,#666666,#999999,#b6b6b6,#cccccc,#d8d8d8,#efefef,#f4f4f4,#ffffff,-, \
  315. 							 #ff0000,#980000,#ff7700,#ffff00,#00ff00,#00ffff,#1e84cc,#0000ff,#9900ff,#ff00ff,-, \
  316. 							 #f4cccc,#dbb0a7,#fce5cd,#fff2cc,#d9ead3,#d0e0e3,#c9daf8,#cfe2f3,#d9d2e9,#ead1dc, \
  317. 							 #ea9999,#dd7e6b,#f9cb9c,#ffe599,#b6d7a8,#a2c4c9,#a4c2f4,#9fc5e8,#b4a7d6,#d5a6bd, \
  318. 							 #e06666,#cc4125,#f6b26b,#ffd966,#93c47d,#76a5af,#6d9eeb,#6fa8dc,#8e7cc3,#c27ba0, \
  319. 							 #cc0000,#a61c00,#e69138,#f1c232,#6aa84f,#45818e,#3c78d8,#3d85c6,#674ea7,#a64d79, \
  320. 							 #900000,#85200C,#B45F06,#BF9000,#38761D,#134F5C,#1155Cc,#0B5394,#351C75,#741B47, \
  321. 							 #660000,#5B0F00,#783F04,#7F6000,#274E13,#0C343D,#1C4587,#073763,#20124D,#4C1130",
  322. 					transform: {
  323. 						'<font color="{COLOR}">{SELTEXT}</font>':'[color={COLOR}]{SELTEXT}[/color]'
  324. 					}
  325. 				},
  326. 				table: {
  327. 					type: "table",
  328. 					title: CURLANG.table,
  329. 					cols: 10,
  330. 					rows: 10,
  331. 					cellwidth: 20,
  332. 					transform: {
  333. 						'<td>{SELTEXT}</td>': '[td]{SELTEXT}[/td]',
  334. 						'<tr>{SELTEXT}</tr>': '[tr]{SELTEXT}[/tr]',
  335. 						'<table class="wbb-table">{SELTEXT}</table>': '[table]{SELTEXT}[/table]'
  336. 					},
  337. 					skipRules: true
  338. 				},
  339. 				fontsize: {
  340. 					type: 'select',
  341. 					title: CURLANG.fontsize,
  342. 					options: "fs_verysmall,fs_small,fs_normal,fs_big,fs_verybig"
  343. 				},
  344. 				fontfamily: {
  345. 					type: 'select',
  346. 					title: CURLANG.fontfamily,
  347. 					excmd: 'fontName',
  348. 					valueBBname: "font",
  349. 					options: [
  350. 						{title: "Arial",exvalue: "Arial"},
  351. 						{title: "Comic Sans MS",exvalue: "Comic Sans MS"},
  352. 						{title: "Courier New",exvalue: "Courier New"},
  353. 						{title: "Georgia",exvalue: "Georgia"},
  354. 						{title: "Lucida Sans Unicode",exvalue: "Lucida Sans Unicode"},
  355. 						{title: "Tahoma",exvalue: "Tahoma"},
  356. 						{title: "Times New Roman",exvalue: "Times New Roman"},
  357. 						{title: "Trebuchet MS",exvalue: "Trebuchet MS"},
  358. 						{title: "Verdana",exvalue: "Verdana"}
  359. 					],
  360. 					transform: {
  361. 						'<font face="{FONT}">{SELTEXT}</font>':'[font={FONT}]{SELTEXT}[/font]'
  362. 					}
  363. 				},
  364. 				smilebox: {
  365. 					type: 'smilebox',
  366. 					title: CURLANG.smilebox,
  367. 					buttonHTML: '<span class="fonticon ve-tlb-smilebox1">\uE00b</span>'
  368. 				},
  369. 				justifyleft: {
  370. 					title: CURLANG.justifyleft,
  371. 					buttonHTML: '<span class="fonticon ve-tlb-textleft1">\uE015</span>',
  372. 					groupkey: 'align',
  373. 					transform: {
  374. 						'<p style="text-align:left">{SELTEXT}</p>': '[left]{SELTEXT}[/left]'
  375. 					}
  376. 				},
  377. 				justifyright: {
  378. 					title: CURLANG.justifyright,
  379. 					buttonHTML: '<span class="fonticon ve-tlb-textright1">\uE016</span>',
  380. 					groupkey: 'align',
  381. 					transform: {
  382. 						'<p style="text-align:right">{SELTEXT}</p>': '[right]{SELTEXT}[/right]'
  383. 					}
  384. 				},
  385. 				justifycenter: {
  386. 					title: CURLANG.justifycenter,
  387. 					buttonHTML: '<span class="fonticon ve-tlb-textcenter1">\uE014</span>',
  388. 					groupkey: 'align',
  389. 					transform: {
  390. 						'<p style="text-align:center">{SELTEXT}</p>': '[center]{SELTEXT}[/center]'
  391. 					}
  392. 				},
  393. 				video: {
  394. 					title: CURLANG.video,
  395. 					buttonHTML: '<span class="fonticon ve-tlb-video1">\uE008</span>',
  396. 					modal: {
  397. 						title: CURLANG.video,
  398. 						width: "600px",
  399. 						tabs: [
  400. 							{
  401. 								title: CURLANG.video,
  402. 								input: [
  403. 									{param: "SRC",title:CURLANG.modal_video_text}
  404. 								]
  405. 							}
  406. 						],
  407. 						onSubmit: function(cmd,opt,queryState) {
  408. 							var url = this.$modal.find('input[name="SRC"]').val();
  409. 							if (url) {
  410. 								url = url.replace(/^\s+/,"").replace(/\s+$/,"");
  411. 							}
  412. 							var a;
  413. 							if (url.indexOf("youtu.be")!=-1) {
  414. 								a = url.match(/^http[s]*:\/\/youtu\.be\/([a-z0-9_-]+)/i);
  415. 							}else{
  416. 								a = url.match(/^http[s]*:\/\/www\.youtube\.com\/watch\?.*?v=([a-z0-9_-]+)/i);
  417. 							}
  418. 							if (a && a.length==2) {
  419. 								var code = a[1];
  420. 								this.insertAtCursor(this.getCodeByCommand(cmd,{src:code}));
  421. 							}
  422. 							this.closeModal();
  423. 							this.updateUI();
  424. 							return false;
  425. 						}
  426. 					},
  427. 					transform: {
  428. 						'<iframe src="http://www.youtube.com/embed/{SRC}" width="640" height="480" frameborder="0"></iframe>':'[video]{SRC}[/video]'
  429. 					}
  430. 				},
  431. 				
  432. 				//select options
  433. 				fs_verysmall: {
  434. 					title: CURLANG.fs_verysmall,
  435. 					buttonText: "fs1",
  436. 					excmd: 'fontSize',
  437. 					exvalue: "1",
  438. 					transform: {
  439. 						'<font size="1">{SELTEXT}</font>':'[size=1]{SELTEXT}[/size]'
  440. 					}
  441. 				},
  442. 				fs_small: {
  443. 					title: CURLANG.fs_small,
  444. 					buttonText: "fs2",
  445. 					excmd: 'fontSize',
  446. 					exvalue: "2",
  447. 					transform: {
  448. 						'<font size="2">{SELTEXT}</font>':'[size=2]{SELTEXT}[/size]'
  449. 					}
  450. 				},
  451. 				fs_normal: {
  452. 					title: CURLANG.fs_normal,
  453. 					buttonText: "fs3",
  454. 					excmd: 'fontSize',
  455. 					exvalue: "3",
  456. 					transform: {
  457. 						'<font size="3">{SELTEXT}</font>':'[size=3]{SELTEXT}[/size]'
  458. 					}
  459. 				},
  460. 				fs_big: {
  461. 					title: CURLANG.fs_big,
  462. 					buttonText: "fs4",
  463. 					excmd: 'fontSize',
  464. 					exvalue: "4",
  465. 					transform: {
  466. 						'<font size="4">{SELTEXT}</font>':'[size=4]{SELTEXT}[/size]'
  467. 					}
  468. 				},
  469. 				fs_verybig: {
  470. 					title: CURLANG.fs_verybig,
  471. 					buttonText: "fs5",
  472. 					excmd: 'fontSize',
  473. 					exvalue: "6",
  474. 					transform: {
  475. 						'<font size="6">{SELTEXT}</font>':'[size=6]{SELTEXT}[/size]'
  476. 					}
  477. 				},
  478. 				
  479. 				removeformat: {
  480. 					title: CURLANG.removeFormat,
  481. 					buttonHTML: '<span class="fonticon ve-tlb-removeformat1">\uE00f</span>',
  482. 					excmd: "removeFormat"
  483. 				}
  484. 			},
  485. 			systr: {
  486. 				'<br/>':"\n",
  487. 				'<span class="wbbtab">{SELTEXT}</span>': '   {SELTEXT}'
  488. 			},
  489. 			customRules: {
  490. 				td: [["[td]{SELTEXT}[/td]",{seltext: {rgx:false,attr:false,sel:false}}]],
  491. 				tr: [["[tr]{SELTEXT}[/tr]",{seltext: {rgx:false,attr:false,sel:false}}]],
  492. 				table: [["[table]{SELTEXT}[/table]",{seltext: {rgx:false,attr:false,sel:false}}]]
  493. 			},
  494. 			smileList: [
  495. 			],
  496. 			attrWrap: ['src','color','href']
  497. 		}
  498. 		
  499. 		//FIX for Opera. Wait while iframe loaded
  500. 		this.inited=this.options.onlyBBmode;
  501. 		
  502. 		//init css prefix, if not set
  503. 		if (!this.options.themePrefix) {
  504. 			$('link').each($.proxy(function(idx, el) {
  505. 				var sriptMatch = $(el).get(0).href.match(/(.*\/)(.*)\/wbbtheme\.css.*$/);
  506. 				if (sriptMatch !== null) {
  507. 					this.options.themeName = sriptMatch[2];
  508. 					this.options.themePrefix = sriptMatch[1];
  509. 				}
  510. 			},this));
  511. 		}
  512. 		
  513. 		//check for preset
  514. 		if (typeof(WBBPRESET)!="undefined") {
  515. 			if (WBBPRESET.allButtons) {
  516. 				//clear transform
  517. 				$.each(WBBPRESET.allButtons,$.proxy(function(k,v) {
  518. 					if (v.transform && this.options.allButtons[k]) {
  519. 						delete this.options.allButtons[k].transform;
  520. 					}
  521. 				},this));
  522. 			}
  523. 			$.extend(true,this.options,WBBPRESET);
  524. 		} 
  525. 		
  526. 		if (settings && settings.allButtons) {
  527. 			$.each(settings.allButtons,$.proxy(function(k,v) {
  528. 				if (v.transform && this.options.allButtons[k]) {
  529. 					delete this.options.allButtons[k].transform;
  530. 				}
  531. 			},this));
  532. 		}
  533. 		$.extend(true,this.options,settings);
  534. 		this.init();
  535. 	}
  536. 	
  537. 	$.wysibb.prototype = {
  538. 		lastid : 1,
  539. 		init:	function() {
  540. 			$.log("Init",this);
  541. 			//check for mobile
  542. 			this.isMobile = function(a) {(/android|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a))}(navigator.userAgent||navigator.vendor||window.opera);
  543. 			
  544. 			//use bbmode on mobile devices
  545. 			//this.isMobile = true; //TEMP
  546. 			if (this.options.onlyBBmode===true) {this.options.bbmode=true;}
  547. 			//create array of controls, for queryState
  548. 			this.controllers = [];
  549. 			
  550. 			//convert button string to array
  551. 			this.options.buttons = this.options.buttons.toLowerCase();
  552. 			this.options.buttons = this.options.buttons.split(",");
  553. 			
  554. 			//init system transforms
  555. 			this.options.allButtons["_systr"] = {};
  556. 			this.options.allButtons["_systr"]["transform"]= this.options.systr;
  557. 			
  558. 			this.smileFind();
  559. 			this.initTransforms();
  560. 			this.build();
  561. 			this.initModal();
  562. 			if (this.options.hotkeys===true && !this.isMobile) {
  563. 				this.initHotkeys();
  564. 			}
  565. 			
  566. 			//sort smiles
  567. 			if (this.options.smileList && this.options.smileList.length>0) {
  568. 				this.options.smileList.sort(function(a,b) {
  569. 					return (b.bbcode.length-a.bbcode.length);
  570. 				})
  571. 			}
  572. 			
  573. 			this.$txtArea.parents("form").bind("submit",$.proxy(function() {
  574. 				this.sync();
  575. 				return true;
  576. 			},this)); 
  577. 			
  578. 			
  579. 			//phpbb2
  580. 			this.$txtArea.parents("form").find("input[id*='preview'],input[id*='submit'],input[class*='preview'],input[class*='submit'],input[name*='preview'],input[name*='submit']").bind("mousedown",$.proxy(function() {
  581. 				this.sync();
  582. 				setTimeout($.proxy(function() {
  583. 					if (this.options.bbmode===false) {
  584. 						this.$txtArea.removeAttr("wbbsync").val("");
  585. 					}
  586. 				},this),1000);
  587. 			},this));
  588. 			//end phpbb2
  589. 			
  590. 			if (this.options.initCallback) {
  591. 				this.options.initCallback.call(this);
  592. 			}
  593. 			
  594. 			$.log(this);
  595. 			
  596. 		},
  597. 		initTransforms: function() {
  598. 			$.log("Create rules for transform HTML=>BB");
  599. 			var o = this.options;
  600. 			//need to check for active buttons
  601. 			if (!o.rules) {o.rules={};}
  602. 			if (!o.groups) {o.groups={};} //use for groupkey, For example: justifyleft,justifyright,justifycenter. It is must replace each other.
  603. 			var  btnlist = o.buttons.slice();
  604. 			
  605. 			//add system transform
  606. 			btnlist.push("_systr");
  607. 			for (var bidx=0; bidx<btnlist.length; bidx++) {
  608. 				var ob = o.allButtons[btnlist[bidx]];
  609. 				if (!ob ) {continue;}
  610. 				ob.en=true;
  611. 				
  612. 				//check for simplebbcode
  613. 				if (ob.simplebbcode && $.isArray(ob.simplebbcode) && ob.simplebbcode.length==2) {
  614. 					ob.bbcode = ob.html = ob.simplebbcode[0]+"{SELTEXT}"+ob.simplebbcode[1];
  615. 					if (ob.transform) delete ob.transform;
  616. 					if (ob.modal)  delete ob.modal;
  617. 				}
  618. 				
  619. 				//add transforms to option list
  620. 				if (ob.type=="select" && typeof(ob.options)=="string") {
  621. 					var olist = ob.options.split(",");
  622. 					$.each(olist,function(i,op) {
  623. 						if ($.inArray(op,btnlist)==-1) {
  624. 							btnlist.push(op);
  625. 						}
  626. 					});
  627. 				}
  628. 				if (ob.transform && ob.skipRules!==true) {
  629. 					var obtr = $.extend({},ob.transform);
  630. 					
  631. 					for (var bhtml in obtr) {
  632. 						var orightml = bhtml;
  633. 						var bbcode = obtr[bhtml];
  634. 						
  635. 						//create root selector for isContain bbmode
  636. 						if (!ob.bbSelector) {ob.bbSelector=[];}
  637. 						if ($.inArray(bbcode,ob.bbSelector)==-1) {
  638. 							ob.bbSelector.push(bbcode);
  639. 						}
  640. 						if (this.options.onlyBBmode===false) {
  641. 						
  642. 							//wrap attributes 
  643. 							bhtml = this.wrapAttrs(bhtml);
  644. 							
  645.  
  646. 							var $bel = $(document.createElement('DIV')).append($(this.elFromString(bhtml,document)));
  647. 							var rootSelector = this.filterByNode($bel.children());
  648. 							
  649. 							
  650. 							//check if current rootSelector is exist, create unique selector for each transform (1.2.2)
  651. 							if (rootSelector=="div" || typeof(o.rules[rootSelector])!="undefined") {
  652. 								//create unique selector
  653. 								$.log("create unique selector: "+rootSelector);
  654. 								this.setUID($bel.children());
  655. 								rootSelector = this.filterByNode($bel.children());
  656. 								$.log("New rootSelector: "+rootSelector);
  657. 								//replace transform with unique selector
  658. 								var nhtml2 = $bel.html();
  659. 								nhtml2 = this.unwrapAttrs(nhtml2);
  660. 								var obhtml = this.unwrapAttrs(bhtml);
  661. 								
  662. 								
  663. 								ob.transform[nhtml2]=bbcode;
  664. 								delete ob.transform[obhtml];
  665. 								
  666. 								bhtml=nhtml2;
  667. 								orightml = nhtml2;
  668. 							}
  669. 							
  670. 							//create root selector for isContain
  671. 							if (!ob.excmd) {
  672. 								if (!ob.rootSelector) {ob.rootSelector=[];}
  673. 								ob.rootSelector.push(rootSelector);
  674. 							}
  675. 							
  676. 							//check for rules on this rootSeletor
  677. 							if (typeof(o.rules[rootSelector])=="undefined") {
  678. 								o.rules[rootSelector]=[];
  679. 							}
  680. 							var crules={};
  681. 							
  682. 							if (bhtml.match(/\{\S+?\}/)) {
  683. 								$bel.find('*').each($.proxy(function(idx,el) {
  684. 									//check attributes
  685. 									
  686. 									var attributes = this.getAttributeList(el);
  687. 									$.each(attributes,$.proxy(function(i, item) {
  688. 										var attr = $(el).attr(item);
  689. 										if (item.substr(0,1)=='_') {
  690. 											item = item.substr(1);
  691. 										}
  692. 										
  693. 										var r = attr.match(/\{\S+?\}/g);
  694. 										if (r) {
  695. 											for (var a=0; a<r.length; a++) {
  696. 												var rname = r[a].substr(1,r[a].length-2);
  697. 													rname = rname.replace(this.getValidationRGX(rname),"");
  698. 												var p = this.relFilterByNode(el,rootSelector);
  699. 												var regRepl = (attr!=r[a]) ? this.getRegexpReplace(attr,r[a]):false;
  700. 												crules[rname.toLowerCase()]={sel:(p) ? $.trim(p):false,attr:item,rgx:regRepl}
  701. 											}
  702. 										}
  703. 									},this));
  704. 									
  705. 									//check for text
  706. 									var  sl=[];
  707. 									if (!$(el).is("iframe")) {
  708. 										$(el).contents().filter(function() {return this.nodeType===3}).each($.proxy(function(i,rel) {
  709. 											var txt = rel.textContent || rel.data;
  710. 											if (typeof(txt)=="undefined") {return true;}
  711. 											var r = txt.match(/\{\S+?\}/g)
  712. 											if (r) {
  713. 												for (var a=0; a<r.length; a++) {	
  714. 													var rname = r[a].substr(1,r[a].length-2);
  715. 														rname = rname.replace(this.getValidationRGX(rname),"");
  716. 													var p = this.relFilterByNode(el,rootSelector);
  717. 													var regRepl = (txt!=r[a]) ? this.getRegexpReplace(txt,r[a]):false;
  718. 													var sel = (p) ? $.trim(p):false;
  719. 													if ($.inArray(sel,sl)>-1 || $(rel).parent().contents().size()>1) {
  720. 														//has dublicate and not one children, need wrap
  721. 														var nel = $("<span>").html("{"+rname+"}");
  722. 														this.setUID(nel,"wbb");
  723. 														var start = (txt.indexOf(rname)+rname.length)+1;
  724. 														var after_txt = txt.substr(start,txt.length-start);
  725. 														//create wrap element
  726. 														rel.data = txt.substr(0,txt.indexOf(rname)-1);
  727. 														$(rel).after(this.elFromString(after_txt,document)).after(nel);
  728. 														
  729. 														sel=((sel) ? sel+" ":"")+this.filterByNode(nel);
  730. 														regRepl=false;
  731. 													}
  732. 													crules[rname.toLowerCase()]={sel:sel,attr:false,rgx:regRepl}
  733. 													sl[sl.length]=sel;
  734. 												}
  735. 											}
  736. 										},this));
  737. 									}
  738. 									sl=null;
  739. 									
  740. 									
  741. 								},this));
  742. 								
  743. 								var nbhtml = $bel.html();
  744. 								//UnWrap attributes 
  745. 								nbhtml = this.unwrapAttrs(nbhtml);
  746. 								if (orightml!=nbhtml) {
  747. 									//if we modify html, replace it
  748. 									delete ob.transform[orightml];
  749. 									ob.transform[nbhtml]=bbcode;
  750. 									bhtml=nbhtml;
  751. 								}
  752. 								
  753. 							}
  754. 							o.rules[rootSelector].push([bbcode,crules]);
  755. 							
  756. 							//check for onlyClearText
  757. 							if (ob.onlyClearText===true) {
  758. 								if (!this.cleartext) {this.cleartext={};}
  759. 								this.cleartext[rootSelector]=btnlist[bidx];
  760. 							}
  761. 							
  762. 							//check for groupkey
  763. 							if (ob.groupkey) {
  764. 								if (!o.groups[ob.groupkey]) {o.groups[ob.groupkey]=[]}
  765. 								o.groups[ob.groupkey].push(rootSelector);
  766. 							}
  767. 						}
  768. 					}
  769. 					
  770. 					//sort rootSelector
  771. 					if (ob.rootSelector) {
  772. 						this.sortArray(ob.rootSelector,-1);
  773. 					}
  774. 						
  775. 					var htmll = $.map(ob.transform,function(bb,html) {return html}).sort(function(a,b) {
  776. 							return ((b[0] || "").length-(a[0] || "").length)
  777. 					});
  778. 					ob.bbcode = ob.transform[htmll[0]];
  779. 					ob.html = htmll[0];
  780. 				}
  781. 			};
  782. 			
  783. 			this.options.btnlist=btnlist; //use for transforms, becouse select elements not present in buttons
  784. 			
  785. 			//add custom rules, for table,tr,td and other
  786. 			$.extend(o.rules,this.options.customRules);
  787. 		
  788. 			//smile rules
  789. 			o.srules={};
  790. 			if (this.options.smileList) {
  791. 				$.each(o.smileList,$.proxy(function(i,sm) {
  792. 					var $sm = $(this.strf(sm.img,o));
  793. 					var f = this.filterByNode($sm);
  794. 					o.srules[f]=[sm.bbcode,sm.img];
  795. 				},this));
  796. 			}
  797. 			
  798. 			//sort transforms by bbcode length desc
  799. 			for (var rootsel in o.rules) {
  800. 				this.options.rules[rootsel].sort(function(a,b) {
  801. 					return (b[0].length-a[0].length)
  802. 				});
  803. 			}
  804. 			
  805. 			//create rootsel list
  806. 			this.rsellist = [];
  807. 			for (var rootsel in this.options.rules) {
  808. 				this.rsellist.push(rootsel);
  809. 			}
  810. 			this.sortArray(this.rsellist,-1);
  811. 		},
  812. 		
  813. 		//BUILD
  814. 		build: function() {
  815. 			$.log("Build editor");
  816. 			
  817. 			//this.$editor = $('<div class="wysibb">');
  818. 			this.$editor = $('<div>').addClass("wysibb");
  819. 			
  820. 			if (this.isMobile) {
  821. 				this.$editor.addClass("wysibb-mobile");
  822. 			}
  823. 			
  824. 			//set direction if defined
  825. 			if (this.options.direction) {this.$editor.css("direction",this.options.direction)}
  826. 			
  827. 			this.$editor.insertAfter(this.txtArea).append(this.txtArea);
  828. 			
  829. 			this.startHeight = this.$txtArea.outerHeight();
  830. 			this.$txtArea.addClass("wysibb-texarea");
  831. 			this.buildToolbar();
  832. 			//Build iframe if needed
  833. 			this.$txtArea.wrap('<div class="wysibb-text">');
  834. 			
  835. 			if (this.options.onlyBBmode===false) {
  836. 				var height = this.options.minheight || this.$txtArea.outerHeight();
  837. 				var maxheight = this.options.resize_maxheight;
  838. 				var mheight = (this.options.autoresize===true) ? this.options.resize_maxheight:height;
  839. 				this.$body = $(this.strf('<div class="wysibb-text-editor" style="max-height:{maxheight}px;min-height:{height}px"></div>',{maxheight:mheight,height:height})).insertAfter(this.$txtArea);
  840. 				this.body = this.$body[0];
  841. 				this.$txtArea.hide();
  842. 				
  843. 				if (height>32) {
  844. 					this.$toolbar.css("max-height",height);
  845. 				}
  846. 				
  847. 				$.log("WysiBB loaded");
  848. 				
  849. 				this.$body.addClass("wysibb-body").addClass(this.options.bodyClass);
  850. 				
  851. 				//set direction if defined
  852. 				if (this.options.direction) {this.$body.css("direction",this.options.direction)}
  853. 				
  854. 				
  855. 				if ('contentEditable' in this.body) {
  856. 					this.body.contentEditable=true;
  857. 					try{
  858. 						//fix for mfirefox
  859. 						//document.execCommand('enableObjectResizing', false, 'false'); //disable image resizing
  860. 						document.execCommand('StyleWithCSS', false, false);
  861. 						//document.designMode = "on";
  862. 						this.$body.append("<span></span>");
  863. 					}catch(e) {}
  864. 				}else{
  865. 					//use onlybbmode
  866. 					this.options.onlyBBmode=this.options.bbmode=true;
  867. 				}
  868. 				
  869. 				//check for exist content in textarea
  870. 				if (this.txtArea.value.length>0) {
  871. 					this.txtAreaInitContent();
  872. 				}
  873. 				
  874. 				
  875. 				//clear html on paste from external editors
  876. 				this.$body.bind('keydown', $.proxy(function(e) {
  877. 					if ((e.which == 86 && (e.ctrlKey==true || e.metaKey==true)) || (e.which == 45 && (e.shiftKey==true || e.metaKey==true))) {
  878. 						if (!this.$pasteBlock) {
  879. 							this.saveRange();
  880. 							this.$pasteBlock = $(this.elFromString('<div style="opacity:0;" contenteditable="true">\uFEFF</div>'));
  881. 							
  882. 							this.$pasteBlock.appendTo(this.body);
  883. 							//if (!$.support.search?type=2) {this.$pasteBlock.focus();} //IE 7,8 FIX
  884. 								setTimeout($.proxy(function() {
  885. 									this.clearPaste(this.$pasteBlock);
  886. 									var rdata = '<span>'+this.$pasteBlock.html()+'</span>';
  887. 									this.$body.attr("contentEditable","true");
  888. 									this.$pasteBlock.blur().remove();
  889. 									this.body.focus();
  890.  
  891. 									if (this.cleartext) {
  892. 										$.log("Check if paste to clearText Block");
  893. 										if (this.isInClearTextBlock()) {
  894. 											rdata = this.toBB(rdata).replace(/\n/g,"<br/>").replace(/\s{3}/g,'<span class="wbbtab"></span>');
  895. 										}
  896. 									}
  897. 									rdata = rdata.replace(/\t/g,'<span class="wbbtab"></span>');
  898. 									this.selectRange(this.lastRange);
  899. 									this.insertAtCursor(rdata,false);
  900. 									this.lastRange=false;
  901. 									this.$pasteBlock=false;
  902. 								}
  903. 								,this), 1);
  904. 							this.selectNode(this.$pasteBlock[0]);
  905. 						}
  906. 						return true;
  907. 					}
  908. 				},this));
  909. 				
  910. 				//insert BR on press enter
  911. 				this.$body.bind('keydown',$.proxy(function(e) {
  912. 					if (e.which == 13) {
  913. 						var isLi = this.isContain(this.getSelectNode(),'li');
  914. 						if (!isLi) {
  915. 							if (e.preventDefault) {e.preventDefault();}
  916. 							this.checkForLastBR(this.getSelectNode());
  917. 							this.insertAtCursor('<br/>',false);
  918. 						}
  919. 					}
  920. 				},this));
  921. 				
  922. 				//tabInsert
  923. 				if (this.options.tabInsert===true) {
  924. 					this.$body.bind('keydown', $.proxy(this.pressTab,this));
  925. 				}
  926. 				
  927. 				//add event listeners
  928. 				this.$body.bind('mouseup keyup',$.proxy(this.updateUI,this));
  929. 				this.$body.bind('mousedown',$.proxy(function(e) {this.clearLastRange();this.checkForLastBR(e.target)},this));
  930.  
  931. 				//trace Textarea
  932. 				if (this.options.traceTextarea===true) {
  933. 					$(document).bind("mousedown",$.proxy(this.traceTextareaEvent,this));
  934. 					this.$txtArea.val("");
  935. 				}
  936.  
  937. 				//attach hotkeys
  938. 				if (this.options.hotkeys===true) {
  939. 					this.$body.bind('keydown',$.proxy(this.presskey,this));
  940. 				}
  941. 				
  942. 				//smileConversion
  943. 				if (this.options.smileConversion===true) {
  944. 					this.$body.bind('keyup',$.proxy(this.smileConversion,this));
  945. 				}
  946.  
  947. 				this.inited=true;
  948.  
  949. 				//create resize lines
  950. 				if (this.options.autoresize===true) {
  951. 					this.$bresize = $(this.elFromString('<div class="bottom-resize-line"></div>')).appendTo(this.$editor)
  952. 						.wdrag({
  953. 							scope:this,
  954. 							axisY: true,
  955. 							height: height
  956. 						});
  957. 				}
  958. 				
  959. 			//	this.imgListeners();
  960. 			}
  961. 			
  962. 			//add event listeners to textarea 
  963. 			this.$txtArea.bind('mouseup keyup',$.proxy(function() {
  964. 				clearTimeout(this.uitimer);
  965. 				this.uitimer = setTimeout($.proxy(this.updateUI,this),100);
  966. 			},this));
  967. 			
  968. 			//attach hotkeys
  969. 			if (this.options.hotkeys===true) {
  970. 				$(document).bind('keydown',$.proxy(this.presskey,this));
  971. 			}
  972. 		},
  973. 		buildToolbar: function() {
  974. 			if (this.options.toolbar === false) {return false;}
  975. 			
  976. 			//this.$toolbar = $('<div class="wysibb-toolbar">').prependTo(this.$editor);
  977. 			this.$toolbar = $('<div>').addClass("wysibb-toolbar").prependTo(this.$editor);
  978. 			
  979. 			var $btnContainer;
  980. 			$.each(this.options.buttons,$.proxy(function(i,bn) {
  981. 				var opt = this.options.allButtons[bn];
  982. 				if (i==0 || bn=="|" || bn=="-") {
  983. 					if (bn=="-") {
  984. 						this.$toolbar.append("<div>");
  985. 					}
  986. 					$btnContainer = $('<div class="wysibb-toolbar-container">').appendTo(this.$toolbar);
  987. 				}
  988. 				if (opt) {
  989. 					if (opt.type=="colorpicker") {
  990. 						this.buildColorpicker($btnContainer,bn,opt);
  991. 					}else if (opt.type=="table") {
  992. 						this.buildTablepicker($btnContainer,bn,opt);
  993. 					}else if (opt.type=="select") {
  994. 						this.buildSelect($btnContainer,bn,opt);
  995. 					}else if (opt.type=="smilebox") {
  996. 						this.buildSmilebox($btnContainer,bn,opt);
  997. 					}else{
  998. 						this.buildButton($btnContainer,bn,opt);
  999. 					}
  1000. 				}
  1001. 			},this));
  1002. 			
  1003. 			//fix for hide tooltip on quick mouse over
  1004. 			this.$toolbar.find(".btn-tooltip").hover(function () {$(this).parent().css("overflow","hidden")},function() {$(this).parent().css("overflow","visible")});
  1005. 			
  1006. 			//build bbcode switch button
  1007. 			//var $bbsw = $('<div class="wysibb-toolbar-container modeSwitch"><div class="wysibb-toolbar-btn" unselectable="on"><span class="btn-inner ve-tlb-bbcode" unselectable="on"></span></div></div>').appendTo(this.$toolbar);
  1008. 			var $bbsw = $(document.createElement('div')).addClass("wysibb-toolbar-container modeSwitch").html('<div class="wysibb-toolbar-btn mswitch" unselectable="on"><span class="btn-inner modesw" unselectable="on">[bbcode]</span></div>').appendTo(this.$toolbar);
  1009. 			if (this.options.bbmode==true) {$bbsw.children(".wysibb-toolbar-btn").addClass("on");}
  1010. 			if (this.options.onlyBBmode===false) {
  1011. 				$bbsw.children(".wysibb-toolbar-btn").click($.proxy(function(e) {
  1012. 					$(e.currentTarget).toggleClass("on");
  1013. 					this.modeSwitch();
  1014. 				},this));
  1015. 			}
  1016. 		},
  1017. 		buildButton: function(container,bn,opt) {
  1018. 			if (typeof(container)!="object") {
  1019. 				container = this.$toolbar;
  1020. 			}
  1021. 			var btnHTML = (opt.buttonHTML) ? $(this.strf(opt.buttonHTML,this.options)).addClass("btn-inner") : this.strf('<span class="btn-inner btn-text">{text}</span>',{text:opt.buttonText.replace(/</g,"&lt;")});
  1022. 			var hotkey = (this.options.hotkeys===true && this.options.showHotkeys===true && opt.hotkey) ? (' <span class="tthotkey">['+opt.hotkey+']</span>'):""
  1023. 			var $btn = $('<div class="wysibb-toolbar-btn wbb-'+bn+'">').appendTo(container).append(btnHTML).append(this.strf('<span class="btn-tooltip">{title}<ins/>{hotkey}</span>',{title:opt.title,hotkey:hotkey}));
  1024. 			
  1025. 			//attach events
  1026. 			this.controllers.push($btn);
  1027. 			$btn.bind('queryState',$.proxy(function(e) {
  1028. 				(this.queryState(bn)) ? $(e.currentTarget).addClass("on"):$(e.currentTarget).removeClass("on");
  1029. 			},this));
  1030. 			$btn.mousedown($.proxy(function(e) {
  1031. 				e.preventDefault();
  1032. 				this.execCommand(bn,opt.exvalue || false);
  1033. 				$(e.currentTarget).trigger('queryState');
  1034. 			},this));
  1035. 		},
  1036. 		buildColorpicker: function(container,bn,opt) {
  1037. 			var $btn = $('<div class="wysibb-toolbar-btn wbb-dropdown wbb-cp">').appendTo(container).append('<div class="ve-tlb-colorpick"><span class="fonticon">\uE010</span><span class="cp-line"></span></div><ins class="fonticon ar">\uE011</ins>').append(this.strf('<span class="btn-tooltip">{title}<ins/></span>',{title:opt.title}));
  1038. 			var $cpline = $btn.find(".cp-line");
  1039. 			
  1040. 			var $dropblock = $('<div class="wbb-list">').appendTo($btn); 
  1041. 			$dropblock.append('<div class="nc">'+CURLANG.auto+'</div>');
  1042. 			var colorlist = (opt.colors) ? opt.colors.split(","):[]; 
  1043. 			for (var j=0; j<colorlist.length; j++) {
  1044. 				colorlist[j] = $.trim(colorlist[j]);
  1045. 				if (colorlist[j]=="-") { 
  1046. 					//insert padding
  1047. 					$dropblock.append('<span class="pl"></span>');
  1048. 				}else{ 
  1049. 					$dropblock.append(this.strf('<div class="sc" style="background:{color}" title="{color}"></div>',{color:colorlist[j]}));
  1050. 				}
  1051. 			}
  1052. 			var basecolor = $(document.body).css("color");
  1053. 			//attach events
  1054. 			this.controllers.push($btn);
  1055. 			$btn.bind('queryState',$.proxy(function(e) {
  1056. 				//queryState
  1057. 				$cpline.css("background-color",basecolor);
  1058. 				var r = this.queryState(bn,true);
  1059. 				if (r) {
  1060. 					$cpline.css("background-color",(this.options.bbmode) ? r.color:r);
  1061. 					$btn.find(".ve-tlb-colorpick span.fonticon").css("color",(this.options.bbmode) ? r.color:r);
  1062. 				}
  1063. 			},this));
  1064. 			$btn.mousedown($.proxy(function(e) {
  1065. 				e.preventDefault();
  1066. 				this.dropdownclick(".wbb-cp",".wbb-list",e);
  1067. 			},this));
  1068. 			$btn.find(".sc").mousedown($.proxy(function(e) {
  1069. 				e.preventDefault();
  1070. 				this.selectLastRange();
  1071. 				var c = $(e.currentTarget).attr("title");
  1072. 				this.execCommand(bn,c);
  1073. 				$btn.trigger('queryState');
  1074. 			},this));
  1075. 			$btn.find(".nc").mousedown($.proxy(function(e) {
  1076. 				e.preventDefault();
  1077. 				this.selectLastRange();
  1078. 				this.execCommand(bn,basecolor);
  1079. 				$btn.trigger('queryState');
  1080. 			},this));
  1081. 			$btn.mousedown(function(e) { 
  1082. 				if (e.preventDefault) e.preventDefault();
  1083. 			});
  1084. 		},
  1085. 		buildTablepicker: function(container,bn,opt) {
  1086. 			var $btn = $('<div class="wysibb-toolbar-btn wbb-dropdown wbb-tbl">').appendTo(container).append('<span class="btn-inner fonticon ve-tlb-table1">\uE00e</span><ins class="fonticon ar">\uE011</ins>').append(this.strf('<span class="btn-tooltip">{title}<ins/></span>',{title:opt.title}));
  1087. 			
  1088. 			var $listblock = $('<div class="wbb-list">').appendTo($btn);
  1089. 			var $dropblock = $('<div>').css({"position":"relative","box-sizing":"border-box"}).appendTo($listblock);
  1090. 			var rows = opt.rows || 10;
  1091. 			var cols = opt.cols || 10;
  1092. 			var allcount = rows*cols;
  1093. 			$dropblock.css("height",(rows*opt.cellwidth+2)+"px");
  1094. 			for (var j=1; j<=cols; j++) {
  1095. 				for (var h=1; h<=rows; h++) {
  1096. 					//var html = this.strf('<div class="tbl-sel" style="width:{width}px;height:{height}px;z-index:{zindex}" title="{row},{col}"></div>',{width: (j*opt.cellwidth),height: (h*opt.cellwidth),zindex: --allcount,row:h,col:j});
  1097. 					var html = '<div class="tbl-sel" style="width:'+(j*100/cols)+'%;height:'+(h*100/rows)+'%;z-index:'+(--allcount)+'" title="'+h+','+j+'"></div>';
  1098. 					$dropblock.append(html);
  1099. 				}
  1100. 			}
  1101. 			//this.debug("Attach event on: tbl-sel");
  1102. 			$btn.find(".tbl-sel").mousedown($.proxy(function(e) {
  1103. 				e.preventDefault();
  1104. 				var t = $(e.currentTarget).attr("title");
  1105. 				var rc = t.split(",");
  1106. 				var code = (this.options.bbmode) ? '[table]':'<table class="wbb-table" cellspacing="5" cellpadding="0">';
  1107. 				for (var i=1; i<=rc[0]; i++) {
  1108. 					code += (this.options.bbmode) ? ' [tr]\n':'<tr>';
  1109. 					for (var j=1; j<=rc[1]; j++) {
  1110. 						code += (this.options.bbmode) ? '  [td][/td]\n':'<td>\uFEFF</td>';
  1111. 					}
  1112. 					code += (this.options.bbmode) ? '[/tr]\n':'</tr>';
  1113. 				}
  1114. 				code += (this.options.bbmode) ? '[/table]':'</table>';
  1115. 				this.insertAtCursor(code);
  1116. 			},this));
  1117. 			//this.debug("END Attach event on: tbl-sel");
  1118. 			$btn.mousedown($.proxy(function(e) {
  1119. 				e.preventDefault();
  1120. 				this.dropdownclick(".wbb-tbl",".wbb-list",e);
  1121. 			},this));
  1122. 			
  1123. 		},
  1124. 		buildSelect: function(container,bn,opt) {
  1125. 			var $btn = $('<div class="wysibb-toolbar-btn wbb-select wbb-'+bn+'">').appendTo(container).append(this.strf('<span class="val">{title}</span><ins class="fonticon sar">\uE012</ins>',opt)).append(this.strf('<span class="btn-tooltip">{title}<ins/></span>',{title:opt.title}));  
  1126. 			var $sblock = $('<div class="wbb-list">').appendTo($btn);
  1127. 			var $sval = $btn.find("span.val");
  1128. 			
  1129. 			var olist = ($.isArray(opt.options)) ? opt.options:opt.options.split(",");
  1130. 			var $selectbox = (this.isMobile) ? $("<select>").addClass("wbb-selectbox"):"";
  1131. 			for (var i=0; i<olist.length; i++) {
  1132. 				var oname = olist[i];
  1133. 				if (typeof(oname)=="string") {
  1134. 					var option = this.options.allButtons[oname];
  1135. 					if (option) {
  1136. 						//$.log("create: "+oname); 
  1137. 						if (option.html) {
  1138. 							$('<span>').addClass("option").attr("oid",oname).attr("cmdvalue",option.exvalue).appendTo($sblock).append(this.strf(option.html,{seltext:option.title}));
  1139. 						}else{
  1140. 							$sblock.append(this.strf('<span class="option" oid="'+oname+'" cmdvalue="'+option.exvalue+'">{title}</span>',option));
  1141. 						}
  1142. 						
  1143. 						//SelectBox for mobile devices
  1144. 						if (this.isMobile) {
  1145. 							$selectbox.append($('<option>').attr("oid",oname).attr("cmdvalue",option.exvalue).append(option.title));
  1146. 						}
  1147. 					}
  1148. 				}else{
  1149. 					//build option list from array
  1150. 					var params = {
  1151. 						seltext: oname.title
  1152. 					}
  1153. 					params[opt.valueBBname]=oname.exvalue;
  1154. 					$('<span>').addClass("option").attr("oid",bn).attr("cmdvalue",oname.exvalue).appendTo($sblock).append(this.strf(opt.html,params));
  1155. 					
  1156. 					if (this.isMobile) {$selectbox.append($('<option>').attr("oid",bn).attr("cmdvalue",oname.exvalue).append(oname.exvalue))}
  1157. 				}
  1158. 			}
  1159. 			//$sblock.append($selectbox);
  1160. 			if (this.isMobile) {
  1161. 				$selectbox.appendTo(container);
  1162. 				this.controllers.push($selectbox);
  1163. 				
  1164. 				$selectbox.bind('queryState',$.proxy(function(e) {
  1165. 					//queryState
  1166. 					$selectbox.find("option").each($.proxy(function(i,el){
  1167. 						var $el = $(el);
  1168. 						var r = this.queryState($el.attr("oid"),true);
  1169. 						var cmdvalue = $el.attr("cmdvalue");
  1170. 						if ((cmdvalue && r==$el.attr("cmdvalue")) || (!cmdvalue && r)) {
  1171. 							$el.prop("selected",true);
  1172. 							return false;
  1173. 						}
  1174. 					},this));
  1175. 				},this));
  1176. 				
  1177. 				$selectbox.change($.proxy(function(e) {
  1178. 					e.preventDefault();
  1179. 					var $o =  $(e.currentTarget).find(":selected");
  1180. 					var oid = $o.attr("oid");
  1181. 					var cmdvalue = $o.attr("cmdvalue");
  1182. 					var opt = this.options.allButtons[oid];
  1183. 					this.execCommand(oid,opt.exvalue || cmdvalue || false);
  1184. 					$(e.currentTarget).trigger('queryState');
  1185. 				},this));
  1186. 				
  1187. 			}
  1188. 			this.controllers.push($btn);
  1189. 			$btn.bind('queryState',$.proxy(function(e) {
  1190. 				//queryState
  1191. 				$sval.text(opt.title);
  1192. 				$btn.find(".option.selected").removeClass("selected");
  1193. 				$btn.find(".option").each($.proxy(function(i,el){
  1194. 					var $el = $(el);
  1195. 					var r = this.queryState($el.attr("oid"),true);
  1196. 					var cmdvalue = $el.attr("cmdvalue");
  1197. 					if ((cmdvalue && r==$el.attr("cmdvalue")) || (!cmdvalue && r)) {
  1198. 						$sval.text($el.text());
  1199. 						$el.addClass("selected");
  1200. 						return false;
  1201. 					}
  1202. 				},this));
  1203. 			},this));
  1204. 			$btn.mousedown($.proxy(function(e) {
  1205. 				e.preventDefault();
  1206. 				this.dropdownclick(".wbb-select",".wbb-list",e);
  1207. 			},this));
  1208. 			$btn.find(".option").mousedown($.proxy(function(e) {
  1209. 				e.preventDefault();
  1210. 				var oid = $(e.currentTarget).attr("oid");
  1211. 				var cmdvalue = $(e.currentTarget).attr("cmdvalue");
  1212. 				var opt = this.options.allButtons[oid];
  1213. 				this.execCommand(oid,opt.exvalue || cmdvalue || false);
  1214. 				$(e.currentTarget).trigger('queryState');
  1215. 			},this));
  1216. 		},
  1217. 		buildSmilebox: function(container,bn,opt) {
  1218. 			if (this.options.smileList && this.options.smileList.length>0) {
  1219. 				var $btnHTML = $(this.strf(opt.buttonHTML,opt)).addClass("btn-inner");
  1220. 				var $btn = $('<div class="wysibb-toolbar-btn wbb-smilebox wbb-'+bn+'">').appendTo(container).append($btnHTML).append(this.strf('<span class="btn-tooltip">{title}<ins/></span>',{title:opt.title}));  
  1221. 				var $sblock = $('<div class="wbb-list">').appendTo($btn);
  1222. 				if ($.isArray(this.options.smileList)) {
  1223. 					$.each(this.options.smileList,$.proxy(function(i,sm){
  1224. 						$('<span>').addClass("smile").appendTo($sblock).append($(this.strf(sm.img,this.options)).attr("title",sm.title));
  1225. 					},this));
  1226. 				}
  1227. 				$btn.mousedown($.proxy(function(e) {
  1228. 					e.preventDefault();
  1229. 					this.dropdownclick(".wbb-smilebox",".wbb-list",e);
  1230. 				},this));
  1231. 				$btn.find('.smile').mousedown($.proxy(function(e) {
  1232. 					e.preventDefault();
  1233. 					//this.selectLastRange();
  1234. 					this.insertAtCursor((this.options.bbmode) ? this.toBB($(e.currentTarget).html()):$($(e.currentTarget).html()));
  1235. 				},this))
  1236. 			}
  1237. 		},
  1238. 		updateUI: function(e) {
  1239. 			if (!e || ((e.which>=8 && e.which<=46) || e.which>90 || e.type=="mouseup")) {
  1240. 				$.each(this.controllers,$.proxy(function(i,$btn) {
  1241. 					$btn.trigger('queryState');
  1242. 				},this));
  1243. 			}
  1244. 			
  1245. 			//check for onlyClearText
  1246. 			this.disNonActiveButtons();
  1247. 			
  1248. 		},
  1249. 		initModal: function() {
  1250. 			this.$modal=$("#wbbmodal");
  1251. 			if (this.$modal.size()==0) {
  1252. 				$.log("Init modal");
  1253. 				this.$modal = $('<div>').attr("id","wbbmodal").prependTo(document.body)
  1254. 					.html('<div class="wbbm"><div class="wbbm-title modal-header"><span class="wbbm-title-text modal-title"></span><button type="button" class="close wbbclose" data-dismiss="modal" aria-hidden="true">×</button></div><div class="wbbm-content"></div><div class="wbbm-bottom modal-footer"><button id="wbbm-submit" class="btn btn-success">'+CURLANG.save+'</button><button id="wbbm-cancel" class="btn btn-warning">'+CURLANG.cancel+'</button><button id="wbbm-remove" class="btn btn-warning">'+CURLANG.remove+'</button></div></div>').hide();
  1255. 				
  1256. 				this.$modal.find('#wbbm-cancel,.wbbclose').click($.proxy(this.closeModal,this));
  1257. 				this.$modal.bind('click',$.proxy(function(e) {
  1258. 					if ($(e.target).parents(".wbbm").size()==0) {
  1259. 						this.closeModal();
  1260. 					}
  1261. 				},this));
  1262. 				
  1263. 				$(document).bind("keydown",$.proxy(this.escModal,this)); //ESC key close modal
  1264. 			}
  1265. 		},
  1266. 		initHotkeys: function() {
  1267. 			$.log("initHotkeys");
  1268. 			this.hotkeys=[];
  1269. 			var klist = "0123456789       abcdefghijklmnopqrstuvwxyz";
  1270. 			$.each(this.options.allButtons,$.proxy(function(cmd,opt) {
  1271. 				if (opt.hotkey) {
  1272. 					var keys = opt.hotkey.split("+");
  1273.  					if (keys && keys.length>=2) {
  1274. 						var metasum=0;
  1275. 						var key = keys.pop();
  1276. 						$.each(keys,function(i,k) {
  1277. 							switch($.trim(k.toLowerCase())) {
  1278. 								case "ctrl": {metasum+=1;break;}
  1279. 								case "shift": {metasum+=4;break;}
  1280. 								case "alt": {metasum+=7;break;}
  1281. 							}
  1282. 						})
  1283. 						//$.log("metasum: "+metasum+" key: "+key+" code: "+(klist.indexOf(key)+48));
  1284. 						if (metasum>0) {
  1285. 							if (!this.hotkeys["m"+metasum]) {this.hotkeys["m"+metasum]=[];}
  1286. 							this.hotkeys["m"+metasum]["k"+(klist.indexOf(key)+48)]=cmd;
  1287. 						}
  1288. 					}
  1289. 				}
  1290. 			},this))
  1291. 		},
  1292. 		presskey: function(e) {
  1293. 			if (e.ctrlKey==true || e.shiftKey==true || e.altKey==true) {
  1294. 				var  metasum = ((e.ctrlKey==true) ? 1:0)+((e.shiftKey==true) ? 4:0)+((e.altKey==true) ? 7:0);
  1295. 				if (this.hotkeys["m"+metasum] && this.hotkeys["m"+metasum]["k"+e.which]) {
  1296. 					this.execCommand(this.hotkeys["m"+metasum]["k"+e.which],false);
  1297. 					e.preventDefault();
  1298. 					return false;
  1299. 				}
  1300. 			}
  1301. 		},
  1302. 		
  1303. 		//COgdfMMAND FUNCTIONS
  1304. 		execCommand: function(command,value) {
  1305. 			$.log("execCommand: "+command);
  1306. 			var opt = this.options.allButtons[command];
  1307. 			if (opt.en!==true) {return false;}
  1308. 			var queryState = this.queryState(command,value);
  1309. 			
  1310. 			//check for onlyClearText
  1311. 			var skipcmd = this.isInClearTextBlock();
  1312. 			if (skipcmd && skipcmd!=command) {return;}
  1313. 			
  1314. 			
  1315. 			if (opt.excmd) {
  1316. 				//use NativeCommand
  1317. 				if (this.options.bbmode) {
  1318. 					$.log("Native command in bbmode: "+command);
  1319. 					if (queryState && opt.subInsert!=true) {
  1320. 						//remove bbcode
  1321. 						this.wbbRemoveCallback(command,value);
  1322. 					}else{
  1323. 						//insert bbcode
  1324. 						var v = {};
  1325. 						if (opt.valueBBname && value) {
  1326. 							v[opt.valueBBname]=value;
  1327. 						}
  1328. 						this.insertAtCursor(this.getBBCodeByCommand(command,v));
  1329. 					}
  1330. 				}else{
  1331. 					this.execNativeCommand(opt.excmd,value || false);
  1332. 				}
  1333. 			}else if (!opt.cmd) {
  1334. 				//wbbCommand
  1335. 				//this.wbbExecCommand(command,value,queryState,$.proxy(this.wbbInsertCallback,this),$.proxy(this.wbbRemoveCallback,this));
  1336. 				this.wbbExecCommand.call(this,command,value,queryState);
  1337. 			}else{
  1338. 				//user custom command
  1339. 				opt.cmd.call(this,command,value,queryState);
  1340. 			}
  1341. 			this.updateUI();
  1342. 		},
  1343. 		queryState: function(command,withvalue) {
  1344. 			var opt = this.options.allButtons[command];
  1345. 			if (opt.en!==true) {return false;}
  1346. 			//if (opt.subInsert===true && opt.type!="colorpicker") {return false;}
  1347. 			if (this.options.bbmode) {
  1348. 				//bbmode
  1349. 				if (opt.bbSelector) {
  1350. 					for (var i=0; i<opt.bbSelector.length; i++) {
  1351. 						var b = this.isBBContain(opt.bbSelector[i]);
  1352. 						if (b) {
  1353. 							return this.getParams(b,opt.bbSelector[i],b[1]);
  1354. 						}
  1355. 					}
  1356. 				}
  1357. 				return false;
  1358. 			}else{
  1359. 				if (opt.excmd) {
  1360. 					//native command
  1361. 					if (withvalue) {
  1362. 						try {
  1363. 							//Firefox fix
  1364. 							var v = (document.queryCommandValue(opt.excmd)+"").replace(/\'/g,"");
  1365. 							if (opt.excmd=="foreColor") {
  1366. 								v = this.rgbToHex(v);
  1367. 							}
  1368. 							//return (v==value);
  1369. 							return v;
  1370. 						}catch(e) {return false;}
  1371. 					}else{
  1372. 						try { //Firefox fix, exception while get queryState for UnorderedList
  1373. 							if ((opt.excmd=="bold" || opt.excmd=="italic" || opt.excmd=="underline" || opt.excmd=="strikeThrough") && $(this.getSelectNode()).is("img")) { //Fix, when img selected
  1374. 								return false;
  1375. 							}else if (opt.excmd=="underline" && $(this.getSelectNode()).closest("a").size()>0) { //fix, when link select
  1376. 								return false;
  1377. 							}
  1378. 							return document.queryCommandState(opt.excmd);
  1379. 						}catch(e) {return false;}
  1380. 					}
  1381. 				}else{
  1382. 					//custom command
  1383. 					if ($.isArray(opt.rootSelector)) {
  1384. 						for (var i=0; i<opt.rootSelector.length; i++) {
  1385. 							var n = this.isContain(this.getSelectNode(),opt.rootSelector[i]);
  1386. 							if (n) {
  1387. 								return this.getParams(n,opt.rootSelector[i]);
  1388. 							}
  1389. 						}
  1390. 					}
  1391. 					return false;
  1392. 				}
  1393. 			}
  1394. 		},
  1395. 		wbbExecCommand: function(command,value,queryState) { //default command for custom bbcodes
  1396. 			$.log("wbbExecCommand");
  1397. 			var opt = this.options.allButtons[command];
  1398. 			if (opt) {
  1399. 				if (opt.modal) {
  1400. 					if ($.isFunction(opt.modal)) {
  1401. 						//custom modal function
  1402. 						//opt.modal(command,opt.modal,queryState,new clbk(this));
  1403. 						opt.modal.call(this,command,opt.modal,queryState);
  1404. 					}else{
  1405. 						this.showModal.call(this,command,opt.modal,queryState);
  1406. 					}
  1407. 				}else{
  1408. 					if (queryState && opt.subInsert!=true) {
  1409. 						//remove formatting
  1410. 						//removeCallback(command,value);
  1411. 						this.wbbRemoveCallback(command);
  1412. 					}else{
  1413. 						//insert format
  1414. 						if (opt.groupkey) {
  1415. 							var groupsel = this.options.groups[opt.groupkey];
  1416. 							if (groupsel) {
  1417. 								var snode = this.getSelectNode();
  1418. 								$.each(groupsel,$.proxy(function(i,sel) {
  1419. 									var is = this.isContain(snode,sel);
  1420. 									if (is) {
  1421. 										var $sp = $('<span>').html(is.innerHTML)
  1422. 										var id = this.setUID($sp);
  1423. 										$(is).replaceWith($sp);
  1424. 										this.selectNode(this.$editor.find("#"+id)[0]);
  1425. 										return false;
  1426. 									}
  1427. 								},this));
  1428. 							}
  1429. 						}
  1430. 						this.wbbInsertCallback(command,value)
  1431. 					}
  1432. 				}
  1433. 			}
  1434. 		},
  1435. 		wbbInsertCallback: function(command,paramobj) {
  1436. 			if (typeof(paramobj)!="object") {paramobj={}};
  1437. 			$.log("wbbInsertCallback: "+command);
  1438. 			var data = this.getCodeByCommand(command,paramobj);
  1439. 			this.insertAtCursor(data);
  1440. 			
  1441. 			if (this.seltextID && data.indexOf(this.seltextID)!=-1) {
  1442. 				var snode = this.$body.find("#"+this.seltextID)[0];
  1443. 				this.selectNode(snode);
  1444. 				$(snode).removeAttr("id");
  1445. 				this.seltextID=false;
  1446. 			}
  1447. 		},
  1448. 		wbbRemoveCallback: function(command,clear) {
  1449. 			$.log("wbbRemoveCallback: "+command);
  1450. 			var opt = this.options.allButtons[command];
  1451. 			if (this.options.bbmode) {
  1452. 				//bbmode
  1453. 				//REMOVE BBCODE
  1454. 				var pos = this.getCursorPosBB();
  1455. 				var stextnum=0;
  1456. 				$.each(opt.bbSelector,$.proxy(function(i,bbcode) {
  1457. 					var stext = bbcode.match(/\{[\s\S]+?\}/g);
  1458. 					$.each(stext,function(n,s) {
  1459. 						if (s.toLowerCase()=="{seltext}") {stextnum=n;return false}
  1460. 					});
  1461. 					var a = this.isBBContain(bbcode);
  1462. 					if (a) {
  1463. 						this.txtArea.value = this.txtArea.value.substr(0,a[1])+this.txtArea.value.substr(a[1],this.txtArea.value.length-a[1]).replace(a[0][0],(clear===true) ? '':a[0][stextnum+1]);
  1464. 						this.setCursorPosBB(a[1]);
  1465. 						return false;
  1466. 					}
  1467. 				},this));
  1468. 			}else{
  1469. 				var node = this.getSelectNode();
  1470. 				$.each(opt.rootSelector,$.proxy(function(i,s) {
  1471. 					//$.log("RS: "+s);
  1472. 					var root = this.isContain(node,s);
  1473. 					if (!root) {return true;}
  1474. 					var $root = $(root);
  1475. 					var cs = this.options.rules[s][0][1];
  1476. 					if ($root.is("span[wbb]") || !$root.is("span,font")) { //remove only blocks
  1477. 						if (clear===true || (!cs || !cs["seltext"])) {
  1478. 							this.setCursorByEl($root);
  1479. 							$root.remove();
  1480. 						}else{
  1481. 							if (cs && cs["seltext"] && cs["seltext"]["sel"]) {
  1482. 								var htmldata = $root.find(cs["seltext"]["sel"]).html();
  1483. 								if (opt.onlyClearText===true) {
  1484. 									htmldata = this.getHTML(htmldata,true,true);
  1485. 									htmldata = htmldata.replace(/\&#123;/g,"{").replace(/\&#125;/g,"}");
  1486. 								}
  1487. 								$root.replaceWith(htmldata);
  1488. 							}else{
  1489. 								var htmldata = $root.html();
  1490. 								if (opt.onlyClearText===true) {
  1491. 									htmldata = this.getHTML(htmldata,true);
  1492. 									htmldata = htmldata.replace(/\&lt;/g,"<").replace(/\&gt;/g,">").replace(/\&#123;/g,"{").replace(/\&#125;/g,"}");
  1493. 								}
  1494. 								$root.replaceWith(htmldata);
  1495. 							}
  1496. 						}
  1497. 						return false;
  1498. 					}else{
  1499. 						//span,font - extract select content from this span,font
  1500. 						var rng = this.getRange();
  1501. 						var shtml = this.getSelectText();
  1502. 						var rnode = this.getSelectNode();
  1503. 						if (shtml=="") {
  1504. 							shtml="\uFEFF";
  1505. 						}else{
  1506. 							shtml = this.clearFromSubInsert(shtml,command);
  1507. 						}
  1508. 						var ins = this.elFromString(shtml);
  1509. 						
  1510. 						var before_rng = (window.getSelection) ? rng.cloneRange():this.body.createTextRange();
  1511. 						var after_rng = (window.getSelection) ? rng.cloneRange():this.body.createTextRange();
  1512.  
  1513. 						if (window.getSelection) {
  1514. 							this.insertAtCursor('<span id="wbbdivide"></span>');
  1515. 							var div = $root.find('span#wbbdivide').get(0);
  1516. 							before_rng.setStart(root.firstChild,0);
  1517. 							before_rng.setEndBefore(div);
  1518. 							after_rng.setStartAfter(div);
  1519. 							after_rng.setEndAfter(root.lastChild);
  1520. 						}else{
  1521. 							before_rng.moveToElementText(root);
  1522. 							after_rng.moveToElementText(root);
  1523. 							before_rng.setEndPoint('EndToStart',rng);
  1524. 							after_rng.setEndPoint('StartToEnd',rng);
  1525. 						}
  1526. 						var bf = this.getSelectText(false,before_rng);
  1527. 						var af = this.getSelectText(false,after_rng);
  1528. 						if (af!="") {
  1529. 							var $af = $root.clone().html(af);
  1530. 							$root.after($af);
  1531. 						}
  1532. 						if (clear!==true) $root.after(ins); //insert select html
  1533. 						if (window.getSelection) {
  1534. 							$root.html(bf);
  1535. 							if (clear!==true) this.selectNode(ins);
  1536. 						}else{
  1537. 							$root.replaceWith(bf);
  1538. 						}
  1539. 						return false;
  1540. 					}
  1541. 				},this));
  1542. 			}
  1543. 		},
  1544. 		execNativeCommand: function(cmd,param) { 
  1545. 			//$.log("execNativeCommand: '"+cmd+"' : "+param); 
  1546. 			this.body.focus(); //set focus to frame body
  1547. 			if (cmd=="insertHTML" && !window.getSelection) { //IE does't support insertHTML
  1548. 				var r = (this.lastRange) ? this.lastRange:document.selection.createRange(); //IE 7,8 range lost fix
  1549. 				r.pasteHTML(param);
  1550. 				var txt = $('<div>').html(param).text(); //for ie selection inside block
  1551. 				var brsp = txt.indexOf("\uFEFF");
  1552. 				if (brsp>-1) {
  1553. 					r.moveStart('character',(-1)*(txt.length-brsp));
  1554. 					r.select();
  1555. 				}
  1556. 				this.lastRange=false;
  1557. 			}else if (cmd=="insertHTML") { //fix webkit bug with insertHTML
  1558. 				var sel = this.getSelection();
  1559. 				var e = this.elFromString(param);
  1560. 				var rng = (this.lastRange) ? this.lastRange:this.getRange();
  1561. 				rng.deleteContents();
  1562. 				rng.insertNode(e);
  1563. 				rng.collapse(false);
  1564. 				sel.removeAllRanges();
  1565. 				sel.addRange(rng);
  1566. 			}else{
  1567. 				if (typeof param == "undefined") {param=false;}
  1568. 				if (this.lastRange) {
  1569. 					$.log("Last range select");
  1570. 					this.selectLastRange()
  1571. 				}
  1572. 				document.execCommand(cmd, false, param);
  1573. 			}
  1574. 			
  1575. 		},
  1576. 		getCodeByCommand: function(command,paramobj) {
  1577. 			return (this.options.bbmode) ? this.getBBCodeByCommand(command,paramobj):this.getHTMLByCommand(command,paramobj);
  1578. 		},
  1579. 		getBBCodeByCommand: function(command,params) {
  1580. 			if (!this.options.allButtons[command]) {return "";}
  1581. 			if (typeof(params)=="undefined") {params={};}
  1582. 			params = this.keysToLower(params);
  1583. 			if (!params["seltext"]) {
  1584. 				//get selected text
  1585. 				params["seltext"] = this.getSelectText(true);
  1586. 			}
  1587. 			
  1588. 			var bbcode = this.options.allButtons[command].bbcode;
  1589. 			//bbcode = this.strf(bbcode,params);
  1590. 			bbcode = bbcode.replace(/\{(.*?)(\[.*?\])*\}/g,function(str,p,vrgx) {
  1591. 				if (vrgx) {
  1592. 					var vrgxp;
  1593. 					if (vrgx) {
  1594. 						vrgxp = new RegExp(vrgx+"+","i");
  1595. 					}
  1596. 					if (typeof(params[p.toLowerCase()])!="undefined" && params[p.toLowerCase()].toString().match(vrgxp)===null) {
  1597. 						//not valid value
  1598. 						return "";
  1599. 					}
  1600. 				}
  1601. 				return (typeof(params[p.toLowerCase()])=="undefined") ? "":params[p.toLowerCase()];
  1602. 			});
  1603. 			
  1604. 			//insert first with max params
  1605. 			var rbbcode=null,maxpcount=0;
  1606. 			if (this.options.allButtons[command].transform) {
  1607. 				var tr=[];
  1608. 				$.each(this.options.allButtons[command].transform,function(html,bb) {
  1609. 					tr.push(bb);
  1610. 				});
  1611. 				tr=this.sortArray(tr,-1);
  1612. 				$.each(tr,function(i,v) {
  1613. 					var valid=true,pcount=0,pname={};;
  1614. 					v = v.replace(/\{(.*?)(\[.*?\])*\}/g,function(str,p,vrgx) {
  1615. 						var vrgxp;
  1616. 						p = p.toLowerCase();
  1617. 						if (vrgx) {
  1618. 							vrgxp = new RegExp(vrgx+"+","i");
  1619. 						}
  1620. 						if (typeof(params[p.toLowerCase()])=="undefined" || (vrgx && params[p.toLowerCase()].toString().match(vrgxp)===null)) {valid=false;};
  1621. 						if (typeof(params[p])!="undefined" && !pname[p]) {pname[p]=1;pcount++;}
  1622. 						return (typeof(params[p.toLowerCase()])=="undefined") ? "":params[p.toLowerCase()];
  1623. 					});
  1624. 					if (valid && (pcount>maxpcount)) {rbbcode = v;maxpcount=pcount;}
  1625. 				});
  1626. 			}
  1627. 			return rbbcode || bbcode;
  1628. 		},
  1629. 		getHTMLByCommand: function(command,params) {
  1630. 			if (!this.options.allButtons[command]) {return "";}
  1631. 			params = this.keysToLower(params);
  1632. 			if (typeof(params)=="undefined") {params={};}
  1633. 			if (!params["seltext"]) {
  1634. 				//get selected text
  1635. 				params["seltext"] = this.getSelectText(false);
  1636. 				//$.log("seltext: '"+params["seltext"]+"'");
  1637. 				if (params["seltext"]=="") {params["seltext"]="\uFEFF";}
  1638. 				else{
  1639. 					//clear selection from current command tags
  1640. 					params["seltext"] = this.clearFromSubInsert(params["seltext"],command);
  1641. 					
  1642. 					//toBB if params onlyClearText=true
  1643. 					if (this.options.allButtons[command].onlyClearText===true) {
  1644. 						params["seltext"] = this.toBB(params["seltext"]).replace(/\</g,"&lt;").replace(/\n/g,"<br/>").replace(/\s{3}/g,'<span class="wbbtab"></span>'); 
  1645. 					}
  1646. 					
  1647. 				}
  1648. 			}
  1649. 			
  1650. 			var postsel="";
  1651. 			var html = this.options.allButtons[command].html;
  1652. 			html = html.replace(/\{(.*?)(\[.*?\])*\}/g,function(str,p,vrgx) {
  1653. 				if (vrgx) {
  1654. 					var vrgxp = new RegExp(vrgx+"+","i");
  1655. 					if (typeof(params[p.toLowerCase()])!="undefined" && params[p.toLowerCase()].toString().match(vrgxp)===null) {
  1656. 						//not valid value
  1657. 						return "";
  1658. 					}
  1659. 				}
  1660. 				return (typeof(params[p.toLowerCase()])=="undefined") ? "":params[p.toLowerCase()];
  1661. 			});
  1662. 			
  1663. 			//insert first with max params
  1664. 			var rhtml=null,maxpcount=0;
  1665. 			if (this.options.allButtons[command].transform) {
  1666. 				var tr=[];
  1667. 				$.each(this.options.allButtons[command].transform,function(html,bb) {
  1668. 					tr.push(html);
  1669. 				});
  1670. 				tr=this.sortArray(tr,-1);
  1671. 				$.each(tr,function(i,v) {
  1672. 					var valid=true, pcount=0,pname={};
  1673. 					v = v.replace(/\{(.*?)(\[.*?\])*\}/g,function(str,p,vrgx) {
  1674. 						var vrgxp;
  1675. 						p = p.toLowerCase();
  1676. 						if (vrgx) {
  1677. 							vrgxp = new RegExp(vrgx+"+","i");
  1678. 						}
  1679. 						if (typeof(params[p])=="undefined" || (vrgx && params[p].toString().match(vrgxp)===null)) {valid=false;};
  1680. 						if (typeof(params[p])!="undefined" && !pname[p]) {pname[p]=1;pcount++;}
  1681. 						return (typeof(params[p])=="undefined") ? "":params[p];
  1682. 					});
  1683. 					if (valid && (pcount>maxpcount)) {rhtml = v;maxpcount=pcount;}
  1684. 				});
  1685. 			}
  1686. 			return (rhtml || html)+postsel;
  1687. 		},
  1688. 		
  1689. 		//SELECTION FUNCTIONS
  1690. 		getSelection: function() {
  1691. 			if (window.getSelection) {
  1692. 				return window.getSelection();
  1693. 			}else if (document.selection) {
  1694. 				return (this.options.bbmode) ? document.selection.createRange():document.selection.createRange();
  1695. 			}
  1696. 		},
  1697. 		getSelectText: function(fromTxtArea,range) {
  1698. 			if (fromTxtArea) {
  1699. 				//return select text from textarea
  1700. 				this.txtArea.focus();
  1701. 				if('selectionStart' in this.txtArea) {
  1702. 					var l = this.txtArea.selectionEnd - this.txtArea.selectionStart;
  1703. 					return this.txtArea.value.substr(this.txtArea.selectionStart, l);
  1704. 				}else{
  1705. 					//IE
  1706. 					var r = document.selection.createRange();
  1707. 					return r.text;
  1708. 				}
  1709. 			}else{
  1710. 				//return select html from body
  1711. 				this.body.focus();
  1712. 				if (!range)  {range=this.getRange()};
  1713. 				if (window.getSelection) {
  1714. 					//w3c
  1715. 					if (range) {
  1716. 						return $('<div>').append(range.cloneContents()).html();
  1717. 					}
  1718. 				}else{
  1719. 					//ie
  1720. 					return range.htmlText;
  1721. 				}
  1722. 			}
  1723. 			return "";
  1724. 		},
  1725. 		getRange: function() {
  1726. 			if (window.getSelection) {
  1727. 				var sel = this.getSelection();
  1728. 				if (sel.getRangeAt && sel.rangeCount>0) {
  1729. 					return sel.getRangeAt(0);
  1730. 				}else if (sel.anchorNode) {
  1731. 					var range = (this.options.bbmode) ? document.createRange() : document.createRange();
  1732. 					range.setStart (sel.anchorNode, sel.anchorOffset);
  1733. 					range.setEnd (sel.focusNode, sel.focusOffset);
  1734. 					return range;
  1735. 				}
  1736. 			}else{
  1737. 				return (this.options.bbmode===true) ? document.selection.createRange():document.selection.createRange();
  1738. 			}
  1739. 		},
  1740. 		insertAtCursor: function(code,forceBBMode) {
  1741. 			if (typeof(code)!="string") {code = $("<div>").append(code).html();}
  1742. 			if ((this.options.bbmode && typeof(forceBBMode)=="undefined") || forceBBMode===true) {
  1743. 				var clbb = code.replace(/.*(\[\/\S+?\])$/,"$1");
  1744. 				var p = this.getCursorPosBB()+((code.indexOf(clbb)!=-1 && code.match(/\[.*\]/)) ? code.indexOf(clbb):code.length);
  1745. 				if (document.selection) {
  1746. 					//IE
  1747. 					this.txtArea.focus();
  1748. 					this.getSelection().text=code;
  1749. 				}else if (this.txtArea.selectionStart || this.txtArea.selectionStart == '0') {
  1750. 					this.txtArea.value = this.txtArea.value.substring(0, this.txtArea.selectionStart) + code + this.txtArea.value.substring(this.txtArea.selectionEnd, this.txtArea.value.length);
  1751. 				}
  1752. 				if (p<0) {p=0;}
  1753. 				this.setCursorPosBB(p);
  1754. 			}else{
  1755. 				this.execNativeCommand("insertHTML",code);
  1756. 				var node = this.getSelectNode();
  1757. 				if (!$(node).closest("table,tr,td")) {
  1758. 					this.splitPrevNext(node);
  1759. 				}
  1760. 			}
  1761. 		},
  1762. 		getSelectNode: function(rng) {
  1763. 			this.body.focus();
  1764. 			if (!rng) {rng=this.getRange();}
  1765. 			if (!rng) {return this.$body;}
  1766. 			//return (window.getSelection) ? rng.commonAncestorContainer:rng.parentElement();
  1767. 			var sn = (window.getSelection) ? rng.commonAncestorContainer:rng.parentElement();
  1768. 		//	if ($(sn).is(".imgWrap")) {sn = $(sn).children("img")[0];}
  1769. 			return sn;
  1770. 		},
  1771. 		getCursorPosBB: function() {	
  1772. 			var pos=0;
  1773. 			if ('selectionStart' in this.txtArea) {
  1774. 				pos = this.txtArea.selectionStart;
  1775. 			}else{
  1776. 				this.txtArea.focus();
  1777. 				var r = this.getRange();
  1778. 				var rt = document.body.createTextRange();
  1779. 				rt.moveToElementText(this.txtArea);
  1780. 				rt.setEndPoint('EndToStart',r);
  1781. 				pos = rt.text.length;
  1782. 			}
  1783. 			return pos;
  1784. 		},
  1785. 		setCursorPosBB: function(pos) {
  1786. 			if (this.options.bbmode) {
  1787. 				if (window.getSelection) {
  1788. 					this.txtArea.selectionStart=pos;
  1789. 					this.txtArea.selectionEnd=pos;
  1790. 				}else{
  1791. 					var range = this.txtArea.createTextRange();
  1792. 					range.collapse(true);
  1793. 					range.move('character', pos);
  1794. 					range.select();
  1795. 				}
  1796. 			}
  1797. 		},
  1798. 		selectNode: function(node,rng) {
  1799. 			if (!rng) {rng = this.getRange();}
  1800. 			if (!rng) {return;}
  1801. 			if (window.getSelection) {
  1802. 				var sel = this.getSelection();
  1803. 				rng.selectNodeContents(node)
  1804. 				sel.removeAllRanges();
  1805. 				sel.addRange(rng);
  1806. 			}else{
  1807. 				rng.moveToElementText(node);
  1808. 				rng.select();
  1809. 			}
  1810. 		},
  1811. 		selectRange: function(rng) {
  1812. 			if (rng) {
  1813. 				if (!window.getSelection) {
  1814. 					rng.select();
  1815. 				}else{
  1816. 					var sel = this.getSelection();
  1817. 					sel.removeAllRanges();
  1818. 					sel.addRange(rng);
  1819. 				}
  1820. 			}
  1821. 		},
  1822. 		cloneRange: function(rng) {
  1823. 			if (rng) {
  1824. 				if (!window.getSelection) {
  1825. 					return rng.duplicate();
  1826. 				}else{
  1827. 					return rng.cloneRange();
  1828. 				}
  1829. 			}
  1830. 		},
  1831. 		getRangeClone: function() {
  1832. 			return this.cloneRange(this.getRange());
  1833. 		},
  1834. 		saveRange: function() {
  1835. 			this.setBodyFocus();
  1836. 			//this.lastRange=(this.options.bbmode) ? this.getCursorPosBB():this.getRangeClone();
  1837. 			this.lastRange=this.getRangeClone();
  1838. 		},
  1839. 		selectLastRange: function() {
  1840. 			if (this.lastRange) {
  1841. 				this.body.focus();
  1842. 				this.selectRange(this.lastRange);
  1843. 				this.lastRange=false;
  1844. 			}
  1845. 		},
  1846. 		setBodyFocus: function() {
  1847. 			$.log("Set focus to WysiBB editor");
  1848. 			if (this.options.bbmode) {
  1849. 				if (!this.$txtArea.is(":focus")) {
  1850. 					this.$txtArea.focus();
  1851. 				}
  1852. 			}else{
  1853. 				if (!this.$body.is(":focus")) {
  1854. 					this.$body.focus();
  1855. 				}
  1856. 			}
  1857. 		},
  1858. 		clearLastRange: function() {
  1859. 			this.lastRange=false;
  1860. 		},
  1861. 		 
  1862. 		//TRANSFORM FUNCTIONS
  1863. 		filterByNode: function(node) {
  1864. 			var $n = $(node);
  1865. 			var tagName = $n.get(0).tagName.toLowerCase();
  1866. 			var filter=tagName;
  1867. 			var attributes = this.getAttributeList($n.get(0));
  1868. 			$.each(attributes, $.proxy(function(i, item) {
  1869. 				var v = $n.attr(item);
  1870. 				/* $.log("v: "+v);
  1871. 				if ($.inArray(item,this.options.attrWrap)!=-1) {
  1872. 					item = '_'+item;
  1873. 				} */
  1874. 				//$.log(item);
  1875. 				if (item.substr(0,1)=="_") {item=item.substr(1,item.length)}
  1876. 				if (v && !v.match(/\{.*?\}/)) {
  1877. 					//$.log("I1: "+item);
  1878. 					if (item=="style") {
  1879. 						var v = $n.attr(item);
  1880. 						var va = v.split(";");
  1881. 						$.each(va,function(i,f) {
  1882. 							if (f && f.length>0) {
  1883. 								filter+='['+item+'*="'+$.trim(f)+'"]';
  1884. 							}
  1885. 						});
  1886. 					}else{
  1887. 						filter+='['+item+'="'+v+'"]';
  1888. 					}
  1889. 				}else if (v && item=="style") {
  1890. 					//$.log("I2: "+item);
  1891. 					var vf = v.substr(0,v.indexOf("{"));
  1892. 					if (vf && vf!="") {
  1893. 						var v = v.substr(0,v.indexOf("{"));
  1894. 						var va = v.split(";");
  1895. 						$.each(va,function(i,f) {
  1896. 							filter+='['+item+'*="'+f+'"]';
  1897. 						});
  1898. 						//filter+='['+item+'*="'+v.substr(0,v.indexOf("{"))+'"]';
  1899. 					}
  1900. 				}else{ //1.2.2
  1901. 					//$.log("I3: "+item);
  1902. 					filter+='['+item+']';
  1903. 				}
  1904. 			},this));
  1905. 			
  1906. 			//index
  1907. 			var idx = $n.parent().children(filter).index($n);
  1908. 			if (idx>0) {
  1909. 				filter+=":eq("+$n.index()+")";
  1910. 			}
  1911. 			return filter;
  1912. 		},
  1913. 		relFilterByNode: function(node,stop) {
  1914. 			var p="";
  1915. 			$.each(this.options.attrWrap,function(i,a) {
  1916. 				stop = stop.replace('['+a,'[_'+a);
  1917. 			});
  1918. 			while (node && node.tagName!="BODY" && !$(node).is(stop)) {
  1919. 				p=this.filterByNode(node)+" "+p;
  1920. 				if (node) {node = node.parentNode;}
  1921. 			}
  1922. 			return p;
  1923. 		},
  1924. 		getRegexpReplace: function(str,validname) {
  1925. 			str = str.replace(/(\(|\)|\[|\]|\.|\*|\?|\:|\\)/g,"\\$1") 
  1926. 				.replace(/\s+/g,"\\s+")
  1927. 				.replace(validname.replace(/(\(|\)|\[|\]|\.|\*|\?|\:|\\)/g,"\\$1"),"(.+)")
  1928. 				.replace(/\{\S+?\}/g,".*");
  1929. 			return (str);
  1930. 		},
  1931. 		getBBCode: function() {
  1932. 			if (!this.options.rules) {return this.$txtArea.val();}
  1933. 			if (this.options.bbmode) {return this.$txtArea.val();}
  1934. 			this.clearEmpty();
  1935. 			this.removeLastBodyBR();
  1936. 			return this.toBB(this.$body.html());
  1937. 		},
  1938. 		toBB: function(data) {
  1939. 			if (!data) {return "";};
  1940. 			var $e = (typeof(data)=="string") ? $('<span>').html(data):$(data);
  1941. 			//remove last BR
  1942. 			$e.find("div,blockquote,p").each(function() {
  1943. 				if (this.nodeType!=3 && this.lastChild && this.lastChild.tagName=="BR") {
  1944. 					$(this.lastChild).remove();
  1945. 				}
  1946. 			})
  1947. 			if ($e.is("div,blockquote,p") && $e[0].nodeType!=3 && $e[0].lastChild && $e[0].lastChild.tagName=="BR") {
  1948. 				$($e[0].lastChild).remove();
  1949. 			}
  1950. 			//END remove last BR
  1951. 			
  1952. 			//Remove BR
  1953. 			$e.find("ul > br, table > br, tr > br").remove();
  1954. 			//IE
  1955. 			
  1956. 			var outbb="";
  1957. 			
  1958. 			//transform smiles
  1959. 			$.each(this.options.srules,$.proxy(function(s,bb) {
  1960. 				$e.find(s).replaceWith(bb[0]);
  1961. 			},this));
  1962. 			
  1963. 			$e.contents().each($.proxy(function(i,el) {
  1964. 				var $el = $(el);
  1965. 				if (el.nodeType===3) {
  1966. 					outbb+=el.data.replace(/\n+/,"").replace(/\t/g,"   ");
  1967. 				}else{
  1968. 					//process html tag
  1969. 					var rpl,processed=false;
  1970.  
  1971. 					//for (var rootsel in this.options.rules) {
  1972. 					for (var j=0; j<this.rsellist.length; j++) {
  1973. 						var rootsel = this.rsellist[j];
  1974. 						if ($el && $el.is(rootsel)) {
  1975. 							//it is root sel
  1976. 							var rlist = this.options.rules[rootsel];
  1977. 							for (var i=0; i<rlist.length; i++) {
  1978. 								var bbcode = rlist[i][0];
  1979. 								var crules = rlist[i][1];
  1980. 								var skip=false,keepElement=false,keepAttr=false;
  1981. 								if (!$el.is("br")) {
  1982. 									bbcode = bbcode.replace(/\n/g,"<br>");
  1983. 								}
  1984. 								bbcode = bbcode.replace(/\{(.*?)(\[.*?\])*\}/g,$.proxy(function(str,s,vrgx) {
  1985. 									var c = crules[s.toLowerCase()];
  1986. 									//if (typeof(c)=="undefined") {$.log("Param: {"+s+"} not found in HTML representation.");skip=true;return s;}
  1987. 									if (typeof(c)=="undefined") {$.log("Param: {"+s+"} not found in HTML representation.");skip=true;}
  1988. 									var $cel = (c.sel) ? $(el).find(c.sel):$(el);
  1989. 									if (c.attr && !$cel.attr(c.attr)) {skip=true;return s;} //skip if needed attribute not present, maybe other bbcode
  1990. 									var cont = (c.attr) ? $cel.attr(c.attr):$cel.html();
  1991. 									if (typeof(cont)=="undefined" || cont==null) {skip=true;return s;}
  1992. 									var regexp = c.rgx;
  1993. 									
  1994. 									//style fix 
  1995. 									if (regexp && c.attr=="style" && regexp.substr(regexp.length-1,1)!=";") {
  1996. 										regexp+=";";
  1997. 									}
  1998. 									if (c.attr=="style" && cont && cont.substr(cont.length-1,1)!=";") {cont+=";"}
  1999. 									//prepare regexp
  2000. 									var rgx = (regexp) ? new RegExp(regexp,""):false;
  2001. 									if (rgx) {
  2002. 										if (cont.match(rgx)) {
  2003. 											var m = cont.match(rgx);
  2004. 											if (m && m.length==2) {
  2005. 												cont=m[1];
  2006. 											}
  2007. 										}else{
  2008. 											cont="";
  2009. 										}
  2010. 									}
  2011. 									
  2012. 									//if it is style attr, then keep tag alive, remove this style
  2013. 									if (c.attr && skip===false) {
  2014. 										if (c.attr=="style") {
  2015. 											keepElement=true;
  2016. 											var nstyle="";
  2017. 											var r = c.rgx.replace(/^\.\*\?/,"").replace(/\.\*$/,"").replace(/;$/,"");
  2018. 											$($cel.attr("style").split(";")).each(function(idx,style) {
  2019. 												if (style && style!="") {
  2020. 													if (!style.match(r)) {
  2021. 														nstyle+=style+";";
  2022. 													}
  2023. 												}
  2024. 											});
  2025. 											if (nstyle=="") {
  2026. 												$cel.removeAttr("style");
  2027. 											}else{
  2028. 												$cel.attr("style",nstyle);
  2029. 											}
  2030. 										}else if (c.rgx===false){	
  2031. 											keepElement=true;
  2032. 											keepAttr=true;
  2033. 											$cel.removeAttr(c.attr);
  2034. 										}
  2035. 									}
  2036. 									if ($el.is('table,tr,td,font')) {keepElement=true;}
  2037. 									
  2038. 									return cont || "";
  2039. 								},this));
  2040. 								if (skip) {continue;}
  2041. 								if ($el.is("img,br,hr")) {
  2042. 									//replace element
  2043. 									outbb+=bbcode;
  2044. 									$el=null;
  2045. 									break;
  2046. 								}else{
  2047. 									if (keepElement && !$el.attr("notkeep")) {
  2048. 										if ($el.is("table,tr,td")) {
  2049. 											bbcode = this.fixTableTransform(bbcode);
  2050. 											outbb+=this.toBB($('<span>').html(bbcode));
  2051. 											$el=null;
  2052. 										}else{
  2053. 											$el.empty().html('<span>'+bbcode+'</span>');
  2054. 										}
  2055. 										
  2056. 									}else{
  2057. 										if ($el.is("iframe")) {
  2058. 											outbb+=bbcode;
  2059. 										}else{
  2060. 											$el.empty().html(bbcode);
  2061. 											outbb+=this.toBB($el);
  2062. 											$el=null;
  2063. 											
  2064. 										}
  2065. 										break;
  2066. 									}
  2067. 								}
  2068. 							}
  2069. 						}
  2070. 					}
  2071. 					if (!$el || $el.is("iframe,img")) {return true;}
  2072. 					outbb+=this.toBB($el);
  2073. 				}
  2074. 			},this));
  2075. 			
  2076. 			outbb.replace(/\uFEFF/g,"");
  2077. 			return outbb;
  2078. 		},
  2079. 		getHTML: function(bbdata,init,skiplt) {
  2080. 			if (!this.options.bbmode && !init) {return this.$body.html()}
  2081. 			
  2082. 			if (!skiplt) {bbdata = bbdata.replace(/</g,"&lt;").replace(/\{/g,"&#123;").replace(/\}/g,"&#125;");}
  2083. 			bbdata = bbdata.replace(/\[code\]([\s\S]*?)\[\/code\]/g,function(s) {
  2084. 				s = s.substr("[code]".length,s.length-"[code]".length-"[/code]".length).replace(/\[/g,"&#91;").replace(/\]/g,"&#93;");
  2085. 				return "[code]"+s+"[/code]";
  2086. 			});
  2087. 			
  2088. 			
  2089. 			$.each(this.options.btnlist,$.proxy(function(i,b){
  2090. 				if (b!="|" && b!="-") {
  2091. 					var find=true;
  2092. 					if (!this.options.allButtons[b] || !this.options.allButtons[b].transform) {
  2093. 						return true;
  2094. 					}
  2095.  
  2096. 					$.each(this.options.allButtons[b].transform,$.proxy(function(html,bb) {
  2097. 						html = html.replace(/\n/g,""); //IE 7,8 FIX
  2098. 						var a=[];
  2099. 						bb = bb.replace(/(\(|\)|\[|\]|\.|\*|\?|\:|\\|\\)/g,"\\$1");
  2100. 							//.replace(/\s/g,"\\s");
  2101. 						bb = bb.replace(/\{(.*?)(\\\[.*?\\\])*\}/gi,$.proxy(function(str,s,vrgx) {
  2102. 							a.push(s);
  2103. 							if (vrgx) {
  2104. 								//has validation regexp
  2105. 								vrgx = vrgx.replace(/\\/g,"");
  2106. 								return "("+vrgx+"*?)";
  2107. 							}
  2108. 							return "([\\s\\S]*?)";
  2109. 						},this));
  2110. 						var n=0,am;
  2111. 						while ((am = (new RegExp(bb,"mgi")).exec(bbdata)) != null) {
  2112. 							if (am) {
  2113. 								var r={};
  2114. 								$.each(a,$.proxy(function(i,k) {
  2115. 									r[k]=am[i+1];
  2116. 								},this));
  2117. 								var nhtml = html;
  2118. 								nhtml = nhtml.replace(/\{(.*?)(\[.*?\])\}/g,"{$1}");
  2119. 								nhtml = this.strf(nhtml,r);
  2120. 								bbdata = bbdata.replace(am[0],nhtml);
  2121. 							}
  2122. 						}
  2123. 					},this));
  2124. 				}
  2125. 			},this));
  2126. 			
  2127. 			//transform system codes
  2128. 			$.each(this.options.systr,function(html,bb) {
  2129. 				bb = bb.replace(/(\(|\)|\[|\]|\.|\*|\?|\:|\\|\\)/g,"\\$1")
  2130. 					.replace(" ","\\s");
  2131. 				bbdata = bbdata.replace(new RegExp(bb,"g"),html);
  2132. 			});
  2133. 			
  2134. 			var $wrap = $(this.elFromString("<div>"+bbdata+"</div>"));
  2135. 			return $wrap.html();
  2136. 		},
  2137. 		//UTILS
  2138. 		setUID: function(el,attr) {
  2139. 			var id = "wbbid_"+(++this.lastid);
  2140. 			if (el) {
  2141. 				$(el).attr(attr || "id",id);
  2142. 			}
  2143. 			return id;
  2144. 		},
  2145. 		keysToLower: function(o) {
  2146. 			$.each(o,function(k,v) {
  2147. 				if (k!=k.toLowerCase()) {
  2148. 					delete o[k];
  2149. 					o[k.toLowerCase()]=v;
  2150. 				}
  2151. 			});
  2152. 			return o;
  2153. 		},
  2154. 		strf: function(str,data) {
  2155. 			data = this.keysToLower($.extend({},data));
  2156. 			return str.replace(/\{([\w\.]*)\}/g, function (str, key) {key = key.toLowerCase();var keys = key.split("."), value = data[keys.shift().toLowerCase()];$.each(keys, function () { value = value[this]; }); return (value === null || value === undefined) ? "" : value;});
  2157. 		},
  2158. 		elFromString: function(str) {
  2159. 			if (str.indexOf("<")!=-1 && str.indexOf(">")!=-1) {
  2160. 				//create tag
  2161. 				var wr = document.createElement("SPAN");
  2162. 				$(wr).html(str);
  2163. 				this.setUID(wr,"wbb");
  2164. 				return ($(wr).contents().size()>1) ? wr:wr.firstChild;
  2165. 			}else{
  2166. 				//create text node
  2167. 				return document.createTextNode(str);
  2168. 			}
  2169. 		},
  2170. 		isContain: function(node,sel) {
  2171. 			while (node && !$(node).hasClass("wysibb")) {
  2172. 				if ($(node).is(sel)) {return node};
  2173. 				if (node) {node = node.parentNode;}
  2174. 				else{return null;}
  2175. 			}
  2176. 		},
  2177. 		isBBContain: function(bbcode) {
  2178. 			var pos=this.getCursorPosBB();
  2179. 			var b = this.prepareRGX(bbcode);
  2180. 			var bbrgx = new RegExp(b,"g");
  2181. 			var a;
  2182. 			var lastindex=0;
  2183. 			while ((a=bbrgx.exec(this.txtArea.value))!=null) {
  2184. 				var p = this.txtArea.value.indexOf(a[0],lastindex);
  2185. 				if (pos>p && pos<(p+a[0].length)) {
  2186. 					return [a,p];
  2187. 				}
  2188. 				lastindex=p+1;
  2189. 			}
  2190. 		},
  2191. 		prepareRGX: function(r) {
  2192. 			return r.replace(/(\[|\]|\)|\(|\.|\*|\?|\:|\||\\)/g,"\\$1").replace(/\{.*?\}/g,"([\\s\\S]*?)");
  2193. 			//return r.replace(/([^a-z0-9)/ig,"\\$1").replace(/\{.*?\}/g,"([\\s\\S]*?)");
  2194. 		},
  2195. 		checkForLastBR: function(node) {
  2196. 			if (!node) {$node = this.body;} 
  2197. 			if (node.nodeType==3) {node=node.parentNode;}
  2198. 			var $node = $(node);
  2199. 			if ($node.is("span[id*='wbbid']")) {$node = $node.parent();}
  2200. 			if (this.options.bbmode===false && $node.is('div,blockquote,code') && $node.contents().size()>0) {
  2201. 				var l = $node[0].lastChild;
  2202. 				if (!l || (l && l.tagName!="BR")) {$node.append("<br/>");}
  2203. 			}
  2204. 			if (this.$body.contents().size()>0 && this.body.lastChild.tagName!="BR") {
  2205. 				this.$body.append('<br/>');
  2206. 			}
  2207. 		},
  2208. 		getAttributeList: function(el) {
  2209. 			var a=[];
  2210. 			$.each(el.attributes,function(i,attr) {
  2211. 				if (attr.specified) {
  2212. 					a.push(attr.name);
  2213. 				}
  2214. 			});
  2215. 			return a;
  2216. 		},
  2217. 		clearFromSubInsert: function(html,cmd) {
  2218. 			if (this.options.allButtons[cmd] && this.options.allButtons[cmd].rootSelector) {
  2219. 				var $wr = $('<div>').html(html);
  2220. 				$.each(this.options.allButtons[cmd].rootSelector,$.proxy(function(i,s) {
  2221. 					var seltext=false;
  2222. 					if (typeof(this.options.rules[s][0][1]["seltext"])!="undefined") {
  2223. 						seltext = this.options.rules[s][0][1]["seltext"]["sel"];
  2224. 					}
  2225. 					var res=true;
  2226. 					$wr.find("*").each(function() { //work with find("*") and "is", becouse in ie7-8 find is case sensitive
  2227. 						if ($(this).is(s)) {
  2228. 							if (seltext && seltext["sel"]) {
  2229. 								$(this).replaceWith($(this).find(seltext["sel"].toLowerCase()).html());
  2230. 							}else{
  2231. 								$(this).replaceWith($(this).html());
  2232. 							}
  2233. 							res=false;
  2234. 						}
  2235. 					});
  2236. 					return res;
  2237. 				},this));
  2238. 				return $wr.html();
  2239. 			}
  2240. 			return html;
  2241. 		},
  2242. 		splitPrevNext: function(node) {
  2243. 			if (node.nodeType==3) {node = node.parentNode};
  2244. 			var f = this.filterByNode(node).replace(/\:eq.*$/g,"");
  2245. 			if ($(node.nextSibling).is(f)) {
  2246. 				$(node).append($(node.nextSibling).html());
  2247. 				$(node.nextSibling).remove();
  2248. 			}
  2249. 			if ($(node.previousSibling).is(f)) {
  2250. 				$(node).prepend($(node.previousSibling).html());
  2251. 				$(node.previousSibling).remove();
  2252. 			}
  2253. 		},
  2254. 		modeSwitch: function() {
  2255. 			if (this.options.bbmode) {
  2256. 				//to HTML
  2257. 				this.$body.html(this.getHTML(this.$txtArea.val()));
  2258. 				this.$txtArea.hide().removeAttr("wbbsync").val("");
  2259. 				this.$body.css("min-height",this.$txtArea.height()).show().focus();
  2260. 			}else{
  2261. 				//to bbcode
  2262. 				this.$txtArea.val(this.getBBCode()).css("min-height",this.$body.height());
  2263. 				this.$body.hide();
  2264. 				this.$txtArea.show().focus();
  2265. 			}
  2266. 			this.options.bbmode=!this.options.bbmode;
  2267. 		},
  2268. 		clearEmpty: function () {
  2269. 			this.$body.children().filter(emptyFilter).remove();
  2270. 			function emptyFilter() {
  2271. 				if (!$(this).is("span,font,a,b,i,u,s")) {
  2272. 					//clear empty only for span,font
  2273. 					return false;
  2274. 				}
  2275. 				if (!$(this).hasClass("wbbtab") && $.trim($(this).html()).length==0) {
  2276. 					return true;
  2277. 				}else if ($(this).children().size()>0) {
  2278. 					$(this).children().filter(emptyFilter).remove();
  2279. 					if ($(this).html().length==0 && this.tagName!="BODY") {
  2280. 						return true;
  2281. 					}
  2282. 				}
  2283. 			}
  2284. 		},
  2285. 		dropdownclick: function(bsel,tsel,e) {
  2286. 			//this.body.focus();
  2287. 			var $btn = $(e.currentTarget).closest(bsel);
  2288. 			if ($btn.hasClass("dis")) {return;}
  2289. 			if ($btn.attr("wbbshow")) {
  2290. 				//hide dropdown
  2291. 				$btn.removeAttr("wbbshow");
  2292. 				$(document).unbind("mousedown",this.dropdownhandler);
  2293. 				if (document) {
  2294. 					$(document).unbind("mousedown",this.dropdownhandler);
  2295. 				}
  2296. 				this.lastRange=false;
  2297. 				
  2298. 			}else{
  2299. 				this.saveRange();
  2300. 				this.$editor.find("*[wbbshow]").each(function(i,el) {
  2301. 					$(el).removeClass("on").find($(el).attr("wbbshow")).hide().end().removeAttr("wbbshow");
  2302. 				})
  2303. 				$btn.attr("wbbshow",tsel);
  2304. 				$(document.body).bind("mousedown",$.proxy(function(evt) {this.dropdownhandler($btn,bsel,tsel,evt)},this));
  2305. 				if (this.$body) {
  2306. 					this.$body.bind("mousedown",$.proxy(function(evt) {this.dropdownhandler($btn,bsel,tsel,evt)},this));
  2307. 				}
  2308. 			}
  2309. 			$btn.find(tsel).toggle();
  2310. 			$btn.toggleClass("on");
  2311. 		},
  2312. 		dropdownhandler: function($btn,bsel,tsel,e) {
  2313. 			if ($(e.target).parents(bsel).size()==0) {
  2314. 				$btn.removeClass("on").find(tsel).hide();
  2315. 				$(document).unbind('mousedown',this.dropdownhandler);
  2316. 				if (this.$body) {
  2317. 					this.$body.unbind('mousedown',this.dropdownhandler);
  2318. 				}
  2319. 			}
  2320. 		},
  2321. 		rgbToHex: function(rgb) {
  2322. 			if (rgb.substr(0, 1)=='#') {return rgb;}
  2323. 			//if (rgb.indexOf("rgb")==-1) {return rgb;}
  2324. 			if (rgb.indexOf("rgb")==-1) {
  2325. 				//IE
  2326. 				var color=parseInt(rgb);
  2327. 				color = ((color & 0x0000ff) << 16) | (color & 0x00ff00) | ((color & 0xff0000) >>> 16);
  2328. 				return '#'+color.toString(16);
  2329. 			}
  2330. 			var digits = /(.*?)rgb\((\d+),\s*(\d+),\s*(\d+)\)/.exec(rgb);
  2331. 			return "#"+this.dec2hex(parseInt(digits[2]))+this.dec2hex(parseInt(digits[3]))+this.dec2hex(parseInt(digits[4])); 
  2332. 		},
  2333. 		dec2hex: function(d) {
  2334. 			if(d>15) {
  2335. 				return d.toString(16);
  2336. 			}else{
  2337. 				return "0"+d.toString(16);
  2338. 			}
  2339. 		},
  2340. 		sync: function() {
  2341. 			if (this.options.bbmode) {
  2342. 				this.$body.html(this.getHTML(this.txtArea.value,true));
  2343. 			}else{
  2344. 				this.$txtArea.attr("wbbsync",1).val(this.getBBCode());
  2345. 			}
  2346. 		},
  2347. 		clearPaste: function(el) {
  2348. 			var $block = $(el);
  2349. 			//NEW 
  2350. 			$.each(this.options.rules,$.proxy(function(s,ar) {
  2351. 				var $sf = $block.find(s).attr("wbbkeep",1);
  2352. 				if ($sf.size()>0) {
  2353. 					var s2 = ar[0][1];
  2354. 					$.each(s2,function(i,v) {
  2355. 						if (v.sel) {
  2356. 							$sf.find(v.sel).attr("wbbkeep",1);
  2357. 						}
  2358. 					});
  2359. 				}
  2360. 			},this));
  2361. 			$block.find("*[wbbkeep!='1']").each($.proxy(function(i,el) {
  2362. 				var $this = $(el);
  2363. 				if ($this.is('div,p') && ($this.children().size()==0 || el.lastChild.tagName!="BR")) {
  2364. 					$this.after("<br/>");
  2365. 				}
  2366. 			},this));
  2367. 			$block.find("*[wbbkeep]").removeAttr("wbbkeep").removeAttr("style");
  2368. 			$.log($block.html());
  2369. 			//$.log("BBCODE: "+this.toBB($block.clone(true)));
  2370. 			$block.html(this.getHTML(this.toBB($block),true));
  2371. 			$.log($block.html());
  2372. 		},
  2373. 		sortArray: function(ar,asc) {
  2374. 			ar.sort(function(a,b) {
  2375. 				return (a.length-b.length)*(asc || 1);
  2376. 			});
  2377. 			return ar;
  2378. 		},
  2379. 		smileFind: function() {
  2380. 			if (this.options.smilefind) {
  2381. 				var $smlist = $(this.options.smilefind).find('img[alt]');
  2382. 				if ($smlist.size()>0) {
  2383. 					this.options.smileList=[];
  2384. 					$smlist.each($.proxy(function(i,el) {
  2385. 						var $el=$(el);
  2386. 						this.options.smileList.push({title:$el.attr("title"),bbcode:$el.attr("alt"),img:$el.removeAttr("alt").removeAttr("title")[0].outerHTML});
  2387. 					},this));
  2388. 				}
  2389. 			}
  2390. 		},
  2391. 		destroy: function() {
  2392. 			this.$editor.replaceWith(this.$txtArea);
  2393. 			this.$txtArea.removeClass("wysibb-texarea").show();
  2394. 			this.$modal.remove();
  2395. 			this.$txtArea.data("wbb",null);
  2396. 		},
  2397. 		pressTab: function(e) {
  2398. 			if (e && e.which == 9) {
  2399. 				//insert tab
  2400. 				if (e.preventDefault) {e.preventDefault();}
  2401. 				if (this.options.bbmode) {
  2402. 					this.insertAtCursor('   ',false);
  2403. 				}else{
  2404. 					this.insertAtCursor('<span class="wbbtab">\uFEFF</span>',false);
  2405. 					//this.execNativeCommand("indent",false); 
  2406. 				}
  2407. 			}
  2408. 		},
  2409. 		removeLastBodyBR: function() {
  2410. 			if (this.body.lastChild && this.body.lastChild.nodeType!=3 && this.body.lastChild.tagName=="BR") {
  2411. 				this.body.removeChild(this.body.lastChild);
  2412. 				this.removeLastBodyBR();
  2413. 			}
  2414. 		},
  2415. 		traceTextareaEvent: function(e) {
  2416. 			if ($(e.target).closest("div.wysibb").size()==0) {
  2417. 				if ($(document.activeElement).is("div.wysibb-body")) {
  2418. 					this.saveRange();
  2419. 				}
  2420. 				setTimeout($.proxy(function() {
  2421. 					var data = this.$txtArea.val();
  2422. 					if (this.options.bbmode===false && data!="" && $(e.target).closest("div.wysibb").size()==0 && !this.$txtArea.attr("wbbsync")) {
  2423. 						this.selectLastRange();
  2424. 						this.insertAtCursor(this.getHTML(data,true));
  2425. 						this.$txtArea.val("");
  2426. 					}
  2427. 					if ($(document.activeElement).is("div.wysibb-body")) {
  2428. 						this.lastRange=false;
  2429. 					}
  2430. 				},this),100);
  2431. 			}
  2432. 		},
  2433. 		txtAreaInitContent: function() {
  2434. 			//$.log(this.txtArea.value);
  2435. 			this.$body.html(this.getHTML(this.txtArea.value,true));
  2436. 		},
  2437. 		getValidationRGX: function(s) {
  2438. 			if (s.match(/\[\S+\]/)) {
  2439. 				return s.replace(/.*(\\*\[\S+\]).*/,"$1");
  2440. 			}
  2441. 			return "";
  2442. 		},
  2443. 		smileConversion: function() {
  2444. 			if (this.options.smileList && this.options.smileList.length>0) {
  2445. 				var snode = this.getSelectNode();
  2446. 				if (snode.nodeType==3) {
  2447. 					var ndata = snode.data;
  2448. 					if (ndata.length>=2 && !this.isInClearTextBlock(snode) && $(snode).parents("a").size()==0) {
  2449. 						$.each(this.options.srules,$.proxy(function(i,sar) {
  2450. 							var smbb = sar[0];
  2451. 							var fidx = ndata.indexOf(smbb);
  2452. 							if (fidx!=-1) {
  2453. 								var afternode_txt = ndata.substring(fidx+smbb.length,ndata.length);
  2454. 								var afternode = document.createTextNode(afternode_txt);
  2455. 								var afternode_cursor = document.createElement("SPAN");
  2456. 								snode.data = snode.data.substr(0,fidx);
  2457. 								$(snode).after(afternode).after(afternode_cursor).after(this.strf(sar[1],this.options));
  2458. 								this.selectNode(afternode_cursor);
  2459. 								return false;
  2460. 							}
  2461. 						},this));
  2462. 					}
  2463. 				}
  2464. 			}
  2465. 		},
  2466. 		isInClearTextBlock: function() {
  2467. 			if (this.cleartext) {
  2468. 				var find=false;
  2469. 				$.each(this.cleartext,$.proxy(function(sel,command) {
  2470. 					if (this.queryState(command)) {
  2471. 						find=command;
  2472. 						return false;
  2473. 					}
  2474. 				},this))
  2475. 				return find;
  2476. 			}
  2477. 			return false;
  2478. 		},
  2479. 		wrapAttrs: function(html) {
  2480. 			$.each(this.options.attrWrap,function(i,a) {
  2481. 				html = html.replace(a+'="','_'+a+'="');
  2482. 			});
  2483. 			return html;
  2484. 		},
  2485. 		unwrapAttrs: function(html) {
  2486. 			$.each(this.options.attrWrap,function(i,a) {
  2487. 				html = html.replace('_'+a+'="',a+'="');
  2488. 			});
  2489. 			return html;
  2490. 		},
  2491. 		disNonActiveButtons: function() {
  2492. 			if (this.isInClearTextBlock()) {
  2493. 				this.$toolbar.find(".wysibb-toolbar-btn:not(.on,.mswitch)").addClass("dis");
  2494. 			}else{
  2495. 				this.$toolbar.find(".wysibb-toolbar-btn.dis").removeClass("dis");
  2496. 			}
  2497. 		},
  2498. 		setCursorByEl: function(el) {
  2499. 			var sl = document.createTextNode("\uFEFF");
  2500. 			$(el).after(sl);
  2501. 			this.selectNode(sl);
  2502. 		},
  2503. 		
  2504. 		//MODAL WINDOW
  2505. 		showModal: function(cmd,opt,queryState) {
  2506. 			$.log("showModal: "+cmd);
  2507. 			this.saveRange();
  2508. 			var $cont = this.$modal.find(".wbbm-content").html("");
  2509. 			var $wbbm = this.$modal.find(".wbbm").removeClass("hastabs");
  2510. 			this.$modal.find("span.wbbm-title-text").html(opt.title);
  2511. 			if (opt.tabs && opt.tabs.length>1) {
  2512. 				//has tabs, create
  2513. 				$wbbm.addClass("hastabs");
  2514. 				var $ul = $('<div class="wbbm-tablist">').appendTo($cont).append("<ul>").children("ul");
  2515. 				$.each(opt.tabs,$.proxy(function(i,row) {
  2516. 					if (i==0) {row['on']="on"}
  2517. 					$ul.append(this.strf('<li class="{on}" onClick="$(this).parent().find(\'.on\').removeClass(\'on\');$(this).addClass(\'on\');$(this).parents(\'.wbbm-content\').find(\'.tab-cont\').hide();$(this).parents(\'.wbbm-content\').find(\'.tab'+i+'\').show()">{title}</li>',row));
  2518. 					
  2519. 				},this))
  2520. 			}
  2521. 			if (opt.width) {
  2522. 				$wbbm.css("width",opt.width);
  2523. 			}
  2524. 			var $cnt = $('<div class="wbbm-cont">').appendTo($cont);
  2525. 			if (queryState) {
  2526. 				$wbbm.find('#wbbm-remove').show();
  2527. 			}else{
  2528. 				$wbbm.find('#wbbm-remove').hide();
  2529. 			}
  2530. 			$.each(opt.tabs,$.proxy(function(i,r) {
  2531. 				var $c = $('<div>').addClass("tab-cont tab"+i).attr("tid",i).appendTo($cnt);
  2532. 				if (i>0) {$c.hide();} 
  2533. 				if (r.html) {
  2534. 					$c.html(this.strf(r.html,this.options));
  2535. 				}else{
  2536. 					$.each(r.input,$.proxy(function(j,inp) {
  2537. 						inp["value"]=queryState[inp.param.toLowerCase()];
  2538. 						if (inp.param.toLowerCase()=="seltext" && (!inp["value"] || inp["value"]=="")) {
  2539. 							inp["value"] = this.getSelectText(this.options.bbmode);
  2540. 						}
  2541. 						if (inp["value"] && inp["value"].indexOf("<span id='wbbid")==0 && $(inp["value"]).is("span[id*='wbbid']")) {
  2542. 							inp["value"] = $(inp["value"]).html();
  2543. 						}
  2544. 						if (inp.type && inp.type=="div") {
  2545. 							//div input, support wysiwyg input
  2546. 							$c.append(this.strf('<div class="wbbm-inp-row"><label>{title}</label><div class="inp-text div-modal-text form-control" contenteditable="true" name="{param}">{value}</div></div>',inp));
  2547. 						}else{
  2548. 							//default input
  2549. 							$c.append(this.strf('<div class="wbbm-inp-row"><label>{title}</label><input class="inp-text modal-text form-control" type="text" name="{param}" value="{value}"/></div>',inp));
  2550. 						}
  2551. 						
  2552. 						
  2553. 					},this));
  2554. 				}
  2555. 			},this));
  2556. 			
  2557. 			//this.lastRange=this.getRange();
  2558. 			
  2559. 			if ($.isFunction(opt.onLoad)) {
  2560. 				opt.onLoad.call(this,cmd,opt,queryState);
  2561. 			}
  2562. 			
  2563. 			$wbbm.find('#wbbm-submit').click($.proxy(function() {
  2564. 				
  2565. 				if ($.isFunction(opt.onSubmit)) { //custom submit function, if return false, then don't process our function
  2566. 					var r = opt.onSubmit.call(this,cmd,opt,queryState);
  2567. 					if (r===false) {return;}
  2568. 				}
  2569. 				var params={};
  2570. 				var valid=true;
  2571. 				this.$modal.find(".wbbm-inperr").remove();
  2572. 				this.$modal.find(".wbbm-brdred").removeClass("wbbm-brdred");
  2573. 				//$.each(this.$modal.find(".tab-cont:visible input"),$.proxy(function(i,el) {
  2574. 				$.each(this.$modal.find(".tab-cont:visible .inp-text"),$.proxy(function(i,el) {
  2575. 					var tid = $(el).parents(".tab-cont").attr("tid");
  2576. 					var pname = $(el).attr("name").toLowerCase();
  2577. 					var pval="";
  2578. 					if ($(el).is("input,textrea,select")) {
  2579. 						pval = $(el).val();
  2580. 					}else{
  2581. 						pval = $(el).html();
  2582. 					}
  2583. 					var validation = opt.tabs[tid]["input"][i]["validation"];
  2584. 					if (typeof(validation)!="undefined") {
  2585. 						if (!pval.match(new RegExp(validation,"i"))) {
  2586. 							valid=false;
  2587. 							$(el).after('<span class="wbbm-inperr">'+CURLANG.validation_err+'</span>').addClass("wbbm-brdred");
  2588. 						}
  2589. 					}
  2590. 					params[pname]=pval;
  2591. 				},this));
  2592. 				if (valid) {
  2593. 					$.log("Last range: "+this.lastRange);
  2594. 					this.selectLastRange();
  2595. 					//insert callback
  2596. 					if (queryState) {
  2597. 						this.wbbRemoveCallback(cmd,true);
  2598. 					}
  2599. 					this.wbbInsertCallback(cmd,params);
  2600. 					//END insert callback
  2601. 					
  2602. 					this.closeModal();
  2603. 					this.updateUI();
  2604. 				}
  2605. 			},this));
  2606. 			$wbbm.find('#wbbm-remove').click($.proxy(function() {
  2607. 				//clbk.remove();
  2608. 				this.selectLastRange();
  2609. 				this.wbbRemoveCallback(cmd); //remove callback
  2610. 				this.closeModal();
  2611. 				this.updateUI();
  2612. 			},this));
  2613. 			
  2614. 			$(document.body).css("overflow","hidden"); //lock the screen, remove scroll on body
  2615. 			if ($("body").height() > $(window).height()) { //if body has scroll, add padding-right 18px
  2616. 				$(document.body).css("padding-right","18px");
  2617. 			}
  2618. 			this.$modal.show();
  2619. 			//if (window.getSelection) 
  2620. 			if (this.isMobile) {
  2621. 				$wbbm.css("margin-top","10px");
  2622. 			}else{
  2623. 		//		$wbbm.css("margin-top",($(window).height()-$wbbm.outerHeight())/3+"px");
  2624. 			}
  2625. 			//setTimeout($.proxy(function() {this.$modal.find("input:visible")[0].focus()},this),10);
  2626. 			setTimeout($.proxy(function() {this.$modal.find(".inp-text:visible")[0].focus()},this),10);
  2627. 		},
  2628. 		escModal: function(e) {
  2629. 			if (e.which==27) {this.closeModal();}
  2630. 		},
  2631. 		closeModal: function() {
  2632. 			$(document.body).css("overflow","auto").css("padding-right","0").unbind("keyup",this.escModal); //ESC key close modal;
  2633. 			this.$modal.find('#wbbm-submit,#wbbm-remove').unbind('click');
  2634. 			this.$modal.hide();
  2635. 			this.lastRange=false;
  2636. 			return this;
  2637. 		},
  2638. 		getParams: function(src,s,offset) {
  2639. 			var params={};
  2640. 			if (this.options.bbmode) {
  2641. 				//bbmode
  2642. 				var stext = s.match(/\{[\s\S]+?\}/g);
  2643. 				s = this.prepareRGX(s);
  2644. 				var rgx = new RegExp(s,"g");
  2645. 				var val = this.txtArea.value;
  2646. 				if (offset>0) {
  2647. 					val = val.substr(offset,val.length-offset);
  2648. 				}
  2649. 				var a = rgx.exec(val);
  2650. 				if (a) {
  2651. 					$.each(stext,function(i,n) {
  2652. 						params[n.replace(/\{|\}/g,"").replace(/"/g,"'").toLowerCase()] = a[i+1];
  2653. 					});
  2654. 				}
  2655. 			}else{
  2656. 				var rules = this.options.rules[s][0][1];
  2657. 				$.each(rules,$.proxy(function(k,v) {
  2658. 					var value="";
  2659. 					var $v = (v.sel!==false) ? value=$(src).find(v.sel):$(src);
  2660. 					if (v.attr!==false) {
  2661. 						value=$v.attr(v.attr);
  2662. 					}else{
  2663. 						value=$v.html();
  2664. 					}
  2665. 					if (value) {
  2666. 						if (v.rgx!==false) {
  2667. 							var m = value.match(new RegExp(v.rgx));
  2668. 							if (m && m.length==2) {
  2669. 								value = m[1];
  2670. 							}
  2671. 						}
  2672. 						params[k]=value.replace(/"/g,"'");
  2673. 					}
  2674. 				},this))
  2675. 			}
  2676. 			return params;
  2677. 		},
  2678. 		
  2679. 		//DEBUG
  2680. 		printObjectInIE: function(obj) {
  2681. 			try{
  2682. 			$.log(JSON.stringify(obj));
  2683. 			}catch(e) {}
  2684. 		},
  2685. 		checkFilter: function(node,filter) {
  2686. 			$.log("node: "+$(node).get(0).outerHTML+" filter: "+filter+" res: "+$(node).is(filter.toLowerCase()));
  2687. 		},
  2688. 		debug: function(msg) {
  2689. 			if (this.options.debug===true) {
  2690. 				var time = (new Date()).getTime();
  2691. 				if (typeof(console)!="undefined") {
  2692. 					console.log((time-this.startTime)+" ms: "+msg);
  2693. 				}else{
  2694. 					$("#exlog").append('<p>'+(time-this.startTime)+" ms: "+msg+'</p>');  
  2695. 				}
  2696. 				this.startTime=time;
  2697. 			}
  2698. 		},
  2699. 		
  2700. 		//Browser fixes
  2701. 		isChrome: function() {
  2702. 			return (window.chrome) ? true:false;
  2703. 		},
  2704. 		fixTableTransform: function(html) {
  2705. 			if (!html) {return "";}
  2706. 			if ($.inArray("table",this.options.buttons)==-1) {
  2707. 				return html.replace(/\<(\/*?(table|tr|td|tbody))[^>]*\>/ig,"");
  2708. 			}else{
  2709. 				return html.replace(/\<(\/*?(table|tr|td))[^>]*\>/ig,"[$1]".toLowerCase()).replace(/\<\/*tbody[^>]*\>/ig,"");
  2710. 			}
  2711. 		}
  2712. 	}
  2713. 	
  2714. 	$.log = function(msg) {
  2715. 		if (typeof(wbbdebug)!="undefined" && wbbdebug===true) {
  2716. 			if (typeof(console)!="undefined") {
  2717. 				console.log(msg);
  2718. 			}else{
  2719. 				$("#exlog").append('<p>'+msg+'</p>');  
  2720. 			}
  2721. 		}
  2722. 	}
  2723. 	$.fn.wysibb = function(settings) {
  2724. 		return this.each(function() {
  2725. 			var data = $(this).data("wbb");
  2726. 			if (!data) {
  2727. 				new $.wysibb(this, settings);
  2728. 			}
  2729. 		});
  2730. 	}
  2731. 	$.fn.wdrag = function(opt) {
  2732. 		if (!opt.scope) {opt.scope=this;}
  2733. 		var start={x:0,y:0, height: 0};
  2734. 		var drag;
  2735. 		opt.scope.drag_mousedown = function(e) {
  2736. 			e.preventDefault();
  2737. 			start = {
  2738. 				x: e.pageX,
  2739. 				y: e.pageY,
  2740. 				height: opt.height,
  2741. 				sheight: opt.scope.$body.height()
  2742. 			}
  2743. 			drag=true;
  2744. 			$(document).bind("mousemove",$.proxy(opt.scope.drag_mousemove,this));
  2745. 			$(this).addClass("drag");
  2746. 		};
  2747. 		opt.scope.drag_mouseup = function(e) {
  2748. 			if (drag===true) {
  2749. 				e.preventDefault();
  2750. 				$(document).unbind("mousemove",opt.scope.drag_mousemove);
  2751. 				$(this).removeClass("drag");
  2752. 				drag=false;
  2753. 			}
  2754. 		};
  2755. 		opt.scope.drag_mousemove = function(e) {
  2756. 			e.preventDefault();
  2757. 			var axisX=0,axisY=0;
  2758. 			if (opt.axisX) {
  2759. 				axisX = e.pageX-start.x;
  2760. 			}
  2761. 			if (opt.axisY) {
  2762. 				axisY = e.pageY-start.y;
  2763. 			}
  2764. 			if (axisY!=0) {
  2765. 				var nheight = start.sheight+axisY;
  2766. 				if (nheight>start.height && nheight<=opt.scope.options.resize_maxheight) {
  2767. 					if (opt.scope.options.bbmode==true) {
  2768. 						opt.scope.$txtArea.css((opt.scope.options.autoresize===true) ? "min-height":"height",nheight+"px");
  2769. 					}else{
  2770. 						opt.scope.$body.css((opt.scope.options.autoresize===true) ? "min-height":"height",nheight+"px");
  2771. 					}
  2772. 				}
  2773. 			}
  2774. 		};
  2775.  
  2776. 		
  2777. 		$(this).bind("mousedown",opt.scope.drag_mousedown);
  2778. 		$(document).bind("mouseup",$.proxy(opt.scope.drag_mouseup,this));
  2779. 	},
  2780. 	
  2781. 	//API
  2782. 	$.fn.getDoc = function() {
  2783. 		return this.data('wbb').doc;
  2784. 	}
  2785. 	$.fn.getSelectText = function(fromTextArea) {
  2786. 		return this.data('wbb').getSelectText(fromTextArea);
  2787. 	}
  2788. 	$.fn.bbcode = function(data) {
  2789. 		if (typeof(data)!="undefined") {
  2790. 			if (this.data('wbb').options.bbmode) {
  2791. 				this.data('wbb').$txtArea.val(data);
  2792. 			}else{
  2793. 				this.data('wbb').$body.html(this.data("wbb").getHTML(data));
  2794. 			}
  2795. 			return this;
  2796. 		}else{
  2797. 			return this.data('wbb').getBBCode();
  2798. 		}
  2799. 	}
  2800. 	$.fn.htmlcode = function(data) {
  2801. 		if (!this.data('wbb').options.onlyBBMode && this.data('wbb').inited===true) {
  2802. 			if (typeof(data)!="undefined") {
  2803. 				this.data('wbb').$body.html(data);
  2804. 				return this;
  2805. 			}else{
  2806. 				return this.data('wbb').getHTML(this.data('wbb').$txtArea.val());
  2807. 			}
  2808. 		}
  2809. 	}
  2810. 	$.fn.getBBCode = function() {
  2811. 		return this.data('wbb').getBBCode();
  2812. 	}
  2813. 	$.fn.getHTML = function() {
  2814. 		var wbb = this.data('wbb');
  2815. 		return wbb.getHTML(wbb.$txtArea.val());
  2816. 	}
  2817. 		$.fn.getHTMLfrom = function(wucode) {
  2818. 		var wbb = this.data('wbb');
  2819. 		return wbb.getHTML(wucode,true,false);
  2820. 	}
  2821. 	$.fn.getHTMLByCommand = function(command,params) {
  2822. 		return this.data("wbb").getHTMLByCommand(command,params);
  2823. 	}
  2824. 	$.fn.getBBCodeByCommand = function(command,params) {
  2825. 		return this.data("wbb").getBBCodeByCommand(command,params);
  2826. 	}
  2827. 	$.fn.insertAtCursor = function(data,forceBBMode) {
  2828. 		this.data("wbb").insertAtCursor(data,forceBBMode);
  2829. 		return this.data("wbb");
  2830. 	}
  2831. 	$.fn.execCommand = function(command,value) {
  2832. 		this.data("wbb").execCommand(command,value);
  2833. 		return this.data("wbb");
  2834. 	}
  2835. 	$.fn.insertImage = function(imgurl,thumburl) {
  2836. 		var editor = this.data("wbb");
  2837. 		var code = (thumburl) ? editor.getCodeByCommand('link',{url:imgurl,seltext: editor.getCodeByCommand('img',{src:thumburl})}): editor.getCodeByCommand('img',{src:imgurl});
  2838. 		this.insertAtCursor(code);
  2839. 		return editor;
  2840. 	}
  2841. 	$.fn.sync = function() {
  2842. 		this.data("wbb").sync();
  2843. 		return this.data("wbb");
  2844. 	}
  2845. 	$.fn.destroy = function() {
  2846. 		this.data("wbb").destroy();
  2847. 	}
  2848. 	
  2849. 	
  2850. 	$.fn.queryState = function(command) {
  2851. 		return this.data("wbb").queryState(command);
  2852. 	}
  2853. })(jQuery);
  2854.  
  2855. function imgtobb(img){
  2856. $('.inp-text').val(img);
  2857. $('.wbbm-tablist ul li:first').click();
  2858. };