📄 kindeditor.js
字号:
'a' : ['href', 'target'], 'embed' : ['src', 'type', 'loop', 'autostart', 'quality', '.width', '.height', '/'], 'img' : ['src', 'width', 'height', 'border', 'alt', 'title', '.width', '.height', '/'], 'hr' : ['/'], 'br' : ['/'], 'p' : ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'], 'table' : ['border', 'cellspacing', 'cellpadding', 'width', 'height', '.padding', '.margin', '.border'], 'tbody': [], 'tr': [], 'td': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'], 'strong': [], 'b': [], 'ol': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'], 'ul': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'], 'li': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'], 'sub': [], 'sup': [], 'blockquote': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'], 'h1': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'], 'h2': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'], 'h3': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'], 'h4': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'], 'h5': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'], 'h6': ['align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align'], 'em': [], 'u': [], 'strike': [] }; config.htmlTags = config.htmlTags || defaultHtmlTags; KE.g[config.id] = config; KE.g[config.id].undoStack = []; KE.g[config.id].redoStack = []; KE.util.loadStyle(config.skinsPath + config.skinType + '.css');}KE.show = function(config) { KE.init(config); KE.event.add(window, 'load', new Function('KE.create("' + config.id + '")'));};KE.plugin['about'] = { click : function(id) { var dialog = new KE.dialog({ id : id, cmd : 'about', width : 300, height : 80, title : KE.lang['about'], noButton : KE.lang['close'] }); dialog.show(); }};KE.plugin['undo'] = { click : function(id) { KE.history.undo(id); }};KE.plugin['redo'] = { click : function(id) { KE.history.redo(id); }};KE.plugin['plainpaste'] = { click : function(id) { KE.util.selection(id); var dialog = new KE.dialog({ id : id, cmd : 'plainpaste', width : 330, height : 300, title : KE.lang['plainpaste'], yesButton : KE.lang['yes'], noButton : KE.lang['no'] }); dialog.show(); }, exec : function(id) { KE.util.select(id); var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog); var html = KE.$('textArea', dialogDoc).value; html = KE.util.escape(html); var re = new RegExp("\r\n|\n|\r", "g"); html = html.replace(re, "<br />$&"); KE.util.insertHtml(id, html); KE.layout.hide(id); KE.util.focus(id); }};KE.plugin['wordpaste'] = { click : function(id) { KE.util.selection(id); var dialog = new KE.dialog({ id : id, cmd : 'wordpaste', width : 330, height : 300, title : KE.lang['wordpaste'], yesButton : KE.lang['yes'], noButton : KE.lang['no'] }); dialog.show(); }, exec : function(id) { KE.util.select(id); var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog); var wordIframe = KE.$('wordIframe', dialogDoc); var wordDoc = KE.util.getIframeDoc(wordIframe); KE.util.insertHtml(id, KE.util.outputHtml(id, wordDoc.body)); KE.layout.hide(id); KE.util.focus(id); }};KE.plugin['fullscreen'] = { resetFull : function(id) { var el = KE.util.getDocumentElement(); var width = el.clientWidth; var height = el.clientHeight; var left,top; if (KE.browser == 'IE' || KE.browser == 'OPERA') { left = document.body.parentNode.scrollLeft; top = document.body.parentNode.scrollTop; } else { left = window.scrollX; top = window.scrollY; } var div = KE.g[id].container; div.style.left = left + 'px'; div.style.top = top + 'px'; div.style.zIndex = 19811211; KE.util.resize(id, width, height); }, click : function(id) { var obj = KE.g[id]; var resizeListener = function(event) { if (obj.fullscreenMode) { KE.plugin["fullscreen"].resetFull(id); } } if (obj.fullscreenMode) { obj.fullscreenMode = false; KE.util.setData(id); KE.remove(id, 1); KE.create(id, 2); KE.util.showBottom(id); document.body.parentNode.style.overflow = 'auto'; KE.util.resize(id, parseInt(this.width), parseInt(this.height)); if (!KE.g[id].resizeMode) KE.util.hideBottom(id); KE.event.remove(window, 'resize', resizeListener); } else { obj.fullscreenMode = true; KE.util.setData(id); this.width = obj.container.style.width; this.height = obj.container.style.height; KE.remove(id, 2); KE.create(id, 1); KE.util.hideBottom(id); document.body.parentNode.style.overflow = 'hidden'; var div = KE.g[id].container; div.style.position = 'absolute'; this.resetFull(id); KE.event.add(window, 'resize', resizeListener); } }};KE.plugin['bgcolor'] = { click : function(id) { KE.util.selection(id); var menu = new KE.menu({ id : id, cmd : 'bgcolor' }); menu.picker(); }, exec : function(id, value) { KE.util.select(id); if (KE.browser == 'IE') { KE.util.execCommand(id, 'backcolor', value); } else { KE.util.execCommand(id, 'hiliteColor', value); } KE.layout.hide(id); KE.util.focus(id); }};KE.plugin['date'] = { click : function(id) { var date = new Date(); var year = date.getFullYear().toString(10); var month = (date.getMonth() + 1).toString(10); month = month.length < 2 ? '0' + month : month; var day = date.getDate().toString(10); day = day.length < 2 ? '0' + day : day; var value = year + '-' + month + '-' + day; KE.util.selection(id); KE.util.insertHtml(id, value); }};KE.plugin['fontname'] = { click : function(id) { var cmd = 'fontname'; KE.util.selection(id); var fontName = KE.lang['fontTable']; var menu = new KE.menu({ id : id, cmd : cmd, width : '160px' }); KE.each(fontName, function(key, value) { var html = '<span style="font-family: ' + key + ';">' + value + '</span>'; menu.add(html, new Function('KE.plugin["' + cmd + '"].exec("' + id + '", "' + key + '")')); }); menu.show(); }, exec : function(id, value) { KE.util.select(id); KE.util.execCommand(id, 'fontname', value); KE.layout.hide(id); KE.util.focus(id); }};KE.plugin['fontsize'] = { click : function(id) { var fontSize = { '1' : '8pt', '2' : '10pt', '3' : '12pt', '4' : '14pt', '5' : '18pt', '6' : '24pt' }; var cmd = 'fontsize'; KE.util.selection(id); var menu = new KE.menu({ id : id, cmd : cmd, width : '100px' }); KE.each(fontSize, function(key, value) { var html = '<span style="font-size: ' + value + ';">' + value + '</span>'; menu.add(html, new Function('KE.plugin["' + cmd + '"].exec("' + id + '", "' + key + '")')); }); menu.show(); }, exec : function(id, value) { KE.util.select(id); KE.util.execCommand(id, 'fontsize', value.substr(0, 1)); KE.layout.hide(id); KE.util.focus(id); }};KE.plugin['hr'] = { click : function(id) { KE.util.selection(id); KE.util.select(id); KE.util.insertHtml(id, '<hr />'); KE.util.focus(id); }};KE.plugin['preview'] = { click : function(id) { var dialog = new KE.dialog({ id : id, cmd : 'preview', html : KE.util.getData(id), width : 600, height : 400, useFrameCSS : true, title : KE.lang['preview'], noButton : KE.lang['close'] }); dialog.show(); }};KE.plugin['print'] = { click : function(id) { KE.util.selection(id); KE.g[id].iframeWin.print(); }};KE.plugin['source'] = { click : function(id) { var obj = KE.g[id]; if (obj.wyswygMode) { KE.layout.hide(id); if (KE.g[id].filterMode) { obj.newTextarea.value = KE.util.outputHtml(id, obj.iframeDoc.body); } else { obj.newTextarea.value = obj.iframeDoc.body.innerHTML; } obj.iframe.style.display = 'none'; obj.newTextarea.style.display = 'block'; KE.toolbar.disable(id, ['source', 'preview', 'fullscreen']); obj.wyswygMode = false; } else { obj.iframeDoc.body.innerHTML = obj.newTextarea.value; obj.iframe.style.display = 'block'; obj.newTextarea.style.display = 'none'; KE.toolbar.able(id, ['source', 'preview', 'fullscreen']); obj.wyswygMode = true; } KE.util.focus(id); }};KE.plugin['textcolor'] = { click : function(id) { KE.util.selection(id); var menu = new KE.menu({ id : id, cmd : 'textcolor' }); menu.picker(); }, exec : function(id, value) { KE.util.select(id); KE.util.execCommand(id, 'forecolor', value); KE.layout.hide(id); KE.util.focus(id); }};KE.plugin['time'] = { click : function(id) { var date = new Date(); var hour = date.getHours().toString(10); hour = hour.length < 2 ? '0' + hour : hour; var minute = date.getMinutes().toString(10); minute = minute.length < 2 ? '0' + minute : minute; var second = date.getSeconds().toString(10); second = second.length < 2 ? '0' + second : second; var value = hour + ':' + minute + ':' + second; KE.util.selection(id); KE.util.insertHtml(id, value); }};KE.plugin['title'] = { click : function(id) { var title = KE.lang['titleTable'];
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -