Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.04.2014, 12:25
nkl nkl вне форума
Новичок на форуме
Отправить личное сообщение для nkl Посмотреть профиль Найти все сообщения от nkl
 
Регистрация: 13.05.2013
Сообщений: 7

Помогите разобраться с плагином link (tinymce)
Приветствую, человеки!

Помогите разобраться с плагином link для tinymce. Что собственно нужно: "Добавлять класс к ссылке, если той оборачивается картинка". К сожалению, приходиться работать с минимизированной версией. Вот собственно сам код (отформатировал как смог):
tinymce.PluginManager.add("link", function(e) {
	function t(t) {
		return function() {
			var n = e.settings.link_list;
			"string" == typeof n ? tinymce.util.XHR.send({url: n, success: function(e) {
					t(tinymce.util.JSON.parse(e))
				}}) : t(n)
		}
	}
	function n(t) {
		function n(e) {
			var t = f.find("#text");
			(!t.value() || e.lastControl && t.value() == e.lastControl.text()) && t.value(e.control.text()), f.find("#href").value(e.control.value())
		}
		function l() {
			var n = [{text: "None", value: ""}];
			return tinymce.each(t, function(t) {
				n.push({text: t.text || t.title, value: e.convertURL(t.value || t.url, "href"), menu: t.menu})
			}), n
		}
		function i(t) {
			var n = [{text: "None", value: ""}];
			return tinymce.each(e.settings.rel_list, function(e) {
				n.push({text: e.text || e.title, value: e.value, selected: t === e.value})
			}), n
		}
		function r(t) {
			var n = [{text: "None", value: ""}];
			return e.settings.target_list || n.push({text: "New window", value: "_blank"}), tinymce.each(e.settings.target_list, function(e) {
				n.push({text: e.text || e.title, value: e.value, selected: t === e.value})
			}), n
		}
		function a(t) {
			var l = [];
			return tinymce.each(e.dom.select("a:not([href])"), function(e) {
				var n = e.name || e.id;
				n && l.push({text: n, value: "#" + n, selected: -1 != t.indexOf("#" + n)})
			}), l.length ? (l.unshift({text: "None", value: ""}), {name: "anchor", type: "listbox", label: "Anchors", values: l, onselect: n}) : void 0
		}
		function o() {
			d && d.value(e.convertURL(this.value(), "href")), c || 0 !== x.text.length || this.parent().parent().find("#text")[0].value(this.value())
		}
		var u, s, c, f, d, h, v, x = {}, g = e.selection, m = e.dom;
		u = g.getNode(), s = m.getParent(u, "a[href]"), x.text = c = s ? s.innerText || s.textContent : g.getContent({format: "text"}), x.href = s ? m.getAttrib(s, "href") : "", x.target = s ? m.getAttrib(s, "target") : "", x.rel = s ? m.getAttrib(s, "rel") : "", "IMG" == u.nodeName && (x.text = c = " "), t && (d = {type: "listbox", label: "Link list", values: l(), onselect: n, value: e.convertURL(x.href, "href"), onPostRender: function() {
				d = this
			}}), e.settings.target_list !== !1 && (v = {name: "target", type: "listbox", label: "Target", values: r(x.target)}), e.settings.rel_list && (h = {name: "rel", type: "listbox", label: "Rel", values: i(x.rel)}), f = e.windowManager.open({title: "Insert link", data: x, body: [{name: "href", type: "filepicker", filetype: "file", size: 40, autofocus: !0, label: "Url", onchange: o, onkeyup: o}, {name: "text", type: "textbox", size: 40, label: "Text to display", onchange: function() {
						x.text = this.value()
					}}, a(x.href), d, h, v], onSubmit: function(t) {
				function n(t, n) {
					var l = e.selection.getRng();
					window.setTimeout(function() {
						e.windowManager.confirm(t, function(t) {
							e.selection.setRng(l), n(t)
						})
					}, 0)
				}
				function l() {
					i.text != c ? s ? (e.focus(), s.innerHTML = i.text, m.setAttribs(s, {href: r, target: i.target ? i.target : null, rel: i.rel ? i.rel : null}), g.select(s)) : e.insertContent(m.createHTML("a", {href: r, target: i.target ? i.target : null, rel: i.rel ? i.rel : null}, i.text)) : e.execCommand("mceInsertLink", !1, {href: r, target: i.target, rel: i.rel ? i.rel : null})
				}
				var i = t.data, r = i.href;
				return r ? r.indexOf("@") > 0 && -1 == r.indexOf("//") && -1 == r.indexOf("mailto:") ? (n("The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?", function(e) {
					e && (r = "mailto:" + r), l()
				}), void 0) : /^\s*www\./i.test(r) ? (n("The URL you entered seems to be an external link. Do you want to add the required http:// prefix?", function(e) {
					e && (r = "http://" + r), l()
				}), void 0) : (l(), void 0) : (e.execCommand("unlink"), void 0)
			}})
	}
	e.addButton("link", {icon: "link", tooltip: "Insert/edit link", shortcut: "Ctrl+K", onclick: t(n), stateSelector: "a[href]"}), e.addButton("unlink", {icon: "unlink", tooltip: "Remove link", cmd: "unlink", stateSelector: "a[href]"}), e.addShortcut("Ctrl+K", "", t(n)), this.showDialog = n, e.addMenuItem("link", {icon: "link", text: "Insert link", shortcut: "Ctrl+K", onclick: t(n), stateSelector: "a[href]", context: "insert", prependToContext: !0})
});

В строке 44 существует проверка
"IMG" == u.nodeName

Значит, мы можем знать что выделено: абзац, картинка или ссылка, через u.nodeName. Только вот проблемка одна, я не могу понять, где собственно и происходит рисование ссылки вокруг выделенной области? Где мне добавить это:
"IMG" == u.nodeName ? 'class="not-decoration"' : ''

Сам я в JS еще очень слаб, а задачу нужно решать.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите разобраться с плагином serhanters jQuery 2 02.06.2011 22:21
Помогите пожалуйста девушке разобраться Feni4ka jQuery 10 26.04.2011 18:25
Помогите разобраться Вставка изображений в поле textarea (используется tinymce) lerad Библиотеки/Тулкиты/Фреймворки 1 26.09.2010 00:16
Помогите пожалуйста разобраться Kupu4 Ваши сайты и скрипты 0 21.01.2010 09:44
Помогите разобраться с галереей IMAGIN yana_studio Общие вопросы Javascript 4 12.12.2009 16:24