mirror of
https://github.com/Alfresco/alfresco-community-repo.git
synced 2025-08-07 17:49:17 +00:00
Merged 3.1 to HEAD
13275: updated web-client to use tinymce v3 13276: overlay display fix for when field has large content git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@13585 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
This commit is contained in:
Lawrence Carvalho
102
source/web/scripts/tiny_mce/plugins/table/cell.htm
vendored
102
source/web/scripts/tiny_mce/plugins/table/cell.htm
vendored
@@ -1,85 +1,87 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_table_cell_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/cell.js"></script>
|
||||
<title>{#table_dlg.cell_title}</title>
|
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
||||
<script type="text/javascript" src="js/cell.js"></script>
|
||||
<link href="css/cell.css" rel="stylesheet" type="text/css" />
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body id="tablecell" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
|
||||
<body id="tablecell" style="display: none">
|
||||
<form onsubmit="updateAction();return false;" action="#">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_table_general_tab}</a></span></li>
|
||||
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{$lang_table_advanced_tab}</a></span></li>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#table_dlg.general_tab}</a></span></li>
|
||||
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#table_dlg.advanced_tab}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="general_panel" class="panel current">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_general_props}</legend>
|
||||
<legend>{#table_dlg.general_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td><label for="align">{$lang_table_align}</label></td>
|
||||
<td><label for="align">{#table_dlg.align}</label></td>
|
||||
<td>
|
||||
<select id="align" name="align">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="center">{$lang_table_align_middle}</option>
|
||||
<option value="left">{$lang_table_align_left}</option>
|
||||
<option value="right">{$lang_table_align_right}</option>
|
||||
<select id="align" name="align" class="mceFocus">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="center">{#table_dlg.align_middle}</option>
|
||||
<option value="left">{#table_dlg.align_left}</option>
|
||||
<option value="right">{#table_dlg.align_right}</option>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td><label for="celltype">{$lang_table_cell_type}</label></td>
|
||||
<td><label for="celltype">{#table_dlg.cell_type}</label></td>
|
||||
<td>
|
||||
<select id="celltype" name="celltype">
|
||||
<option value="td">{$lang_table_td}</option>
|
||||
<option value="th">{$lang_table_th}</option>
|
||||
<option value="td">{#table_dlg.td}</option>
|
||||
<option value="th">{#table_dlg.th}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="valign">{$lang_table_valign}</label></td>
|
||||
<td><label for="valign">{#table_dlg.valign}</label></td>
|
||||
<td>
|
||||
<select id="valign" name="valign">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="top">{$lang_table_align_top}</option>
|
||||
<option value="middle">{$lang_table_align_middle}</option>
|
||||
<option value="bottom">{$lang_table_align_bottom}</option>
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="top">{#table_dlg.align_top}</option>
|
||||
<option value="middle">{#table_dlg.align_middle}</option>
|
||||
<option value="bottom">{#table_dlg.align_bottom}</option>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td><label for="scope">{$lang_table_scope}</label></td>
|
||||
<td><label for="scope">{#table_dlg.scope}</label></td>
|
||||
<td>
|
||||
<select id="scope" name="scope">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="col">{$lang_table_col}</option>
|
||||
<option value="row">{$lang_table_row}</option>
|
||||
<option value="rowgroup">{$lang_table_rowgroup}</option>
|
||||
<option value="colgroup">{$lang_table_colgroup}</option>
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="col">{#table.col}</option>
|
||||
<option value="row">{#table.row}</option>
|
||||
<option value="rowgroup">{#table_dlg.rowgroup}</option>
|
||||
<option value="colgroup">{#table_dlg.colgroup}</option>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="width">{$lang_table_width}</label></td>
|
||||
<td><label for="width">{#table_dlg.width}</label></td>
|
||||
<td><input id="width" name="width" type="text" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
|
||||
|
||||
<td><label for="height">{$lang_table_height}</label></td>
|
||||
<td><label for="height">{#table_dlg.height}</label></td>
|
||||
<td><input id="height" name="height" type="text" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
|
||||
</tr>
|
||||
|
||||
<tr id="styleSelectRow">
|
||||
<td><label for="class">{$lang_class_name}</label></td>
|
||||
<td><label for="class">{#class_name}</label></td>
|
||||
<td colspan="3">
|
||||
<select id="class" name="class">
|
||||
<option value="" selected="selected">{$lang_not_set}</option>
|
||||
<select id="class" name="class" class="mceEditableSelect">
|
||||
<option value="" selected="selected">{#not_set}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -89,39 +91,39 @@
|
||||
|
||||
<div id="advanced_panel" class="panel">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_advanced_props}</legend>
|
||||
<legend>{#table_dlg.advanced_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4">
|
||||
<tr>
|
||||
<td class="column1"><label for="id">{$lang_table_id}</label></td>
|
||||
<td class="column1"><label for="id">{#table_dlg.id}</label></td>
|
||||
<td><input id="id" name="id" type="text" value="" style="width: 200px" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="style">{$lang_table_style}</label></td>
|
||||
<td><label for="style">{#table_dlg.style}</label></td>
|
||||
<td><input type="text" id="style" name="style" value="" style="width: 200px;" onchange="changedStyle();" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="dir">{$lang_table_langdir}</label></td>
|
||||
<td class="column1"><label for="dir">{#table_dlg.langdir}</label></td>
|
||||
<td>
|
||||
<select id="dir" name="dir" style="width: 200px">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="ltr">{$lang_table_ltr}</option>
|
||||
<option value="rtl">{$lang_table_rtl}</option>
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="ltr">{#table_dlg.ltr}</option>
|
||||
<option value="rtl">{#table_dlg.rtl}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="lang">{$lang_table_langcode}</label></td>
|
||||
<td class="column1"><label for="lang">{#table_dlg.langcode}</label></td>
|
||||
<td>
|
||||
<input id="lang" name="lang" type="text" value="" style="width: 200px" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="backgroundimage">{$lang_table_bgimage}</label></td>
|
||||
<td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
@@ -133,7 +135,7 @@
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="bordercolor">{$lang_table_bordercolor}</label></td>
|
||||
<td class="column1"><label for="bordercolor">{#table_dlg.bordercolor}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
@@ -145,7 +147,7 @@
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="bgcolor">{$lang_table_bgcolor}</label></td>
|
||||
<td class="column1"><label for="bgcolor">{#table_dlg.bgcolor}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
@@ -163,18 +165,18 @@
|
||||
<div class="mceActionPanel">
|
||||
<div>
|
||||
<select id="action" name="action">
|
||||
<option value="cell">{$lang_table_cell_cell}</option>
|
||||
<option value="row">{$lang_table_cell_row}</option>
|
||||
<option value="all">{$lang_table_cell_all}</option>
|
||||
<option value="cell">{#table_dlg.cell_cell}</option>
|
||||
<option value="row">{#table_dlg.cell_row}</option>
|
||||
<option value="all">{#table_dlg.cell_all}</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div style="float: left">
|
||||
<div><input type="button" id="insert" name="insert" value="{$lang_update}" onclick="updateAction();" /></div>
|
||||
<div><input type="submit" id="insert" name="insert" value="{#update}" /></div>
|
||||
</div>
|
||||
|
||||
<div style="float: right">
|
||||
<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" />
|
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
/* CSS file for table dialog in the table plugin */
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 220px;
|
||||
height: 245px;
|
||||
}
|
||||
|
||||
.advfield {
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 287 B |
Binary file not shown.
|
Before Width: | Height: | Size: 189 B |
Binary file not shown.
|
Before Width: | Height: | Size: 372 B |
Binary file not shown.
|
Before Width: | Height: | Size: 163 B |
Binary file not shown.
|
Before Width: | Height: | Size: 171 B |
Binary file not shown.
|
Before Width: | Height: | Size: 165 B |
Binary file not shown.
|
Before Width: | Height: | Size: 165 B |
Binary file not shown.
|
Before Width: | Height: | Size: 163 B |
Binary file not shown.
|
Before Width: | Height: | Size: 159 B |
Binary file not shown.
|
Before Width: | Height: | Size: 198 B |
Binary file not shown.
|
Before Width: | Height: | Size: 187 B |
Binary file not shown.
|
Before Width: | Height: | Size: 210 B |
114
source/web/scripts/tiny_mce/plugins/table/jscripts/cell.js → source/web/scripts/tiny_mce/plugins/table/js/cell.js
vendored
Normal file → Executable file
114
source/web/scripts/tiny_mce/plugins/table/jscripts/cell.js → source/web/scripts/tiny_mce/plugins/table/js/cell.js
vendored
Normal file → Executable file
@@ -1,32 +1,39 @@
|
||||
tinyMCEPopup.requireLangPack();
|
||||
|
||||
var ed;
|
||||
|
||||
function init() {
|
||||
ed = tinyMCEPopup.editor;
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
|
||||
document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');
|
||||
document.getElementById('bordercolor_pickcontainer').innerHTML = getColorPickerHTML('bordercolor_pick','bordercolor');
|
||||
document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor')
|
||||
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var tdElm = tinyMCE.getParentElement(inst.getFocusElement(), "td,th");
|
||||
var inst = ed;
|
||||
var tdElm = ed.dom.getParent(ed.selection.getNode(), "td,th");
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(tinyMCE.getAttrib(tdElm, "style"));
|
||||
var st = ed.dom.parseStyle(ed.dom.getAttrib(tdElm, "style"));
|
||||
|
||||
// Get table cell data
|
||||
var celltype = tdElm.nodeName.toLowerCase();
|
||||
var align = tinyMCE.getAttrib(tdElm, 'align');
|
||||
var valign = tinyMCE.getAttrib(tdElm, 'valign');
|
||||
var align = ed.dom.getAttrib(tdElm, 'align');
|
||||
var valign = ed.dom.getAttrib(tdElm, 'valign');
|
||||
var width = trimSize(getStyle(tdElm, 'width', 'width'));
|
||||
var height = trimSize(getStyle(tdElm, 'height', 'height'));
|
||||
var bordercolor = convertRGBToHex(getStyle(tdElm, 'bordercolor', 'borderLeftColor'));
|
||||
var bgcolor = convertRGBToHex(getStyle(tdElm, 'bgcolor', 'backgroundColor'));
|
||||
var className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(tdElm, 'class'), false);
|
||||
var className = ed.dom.getAttrib(tdElm, 'class');
|
||||
var backgroundimage = getStyle(tdElm, 'background', 'backgroundImage').replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");;
|
||||
var id = tinyMCE.getAttrib(tdElm, 'id');
|
||||
var lang = tinyMCE.getAttrib(tdElm, 'lang');
|
||||
var dir = tinyMCE.getAttrib(tdElm, 'dir');
|
||||
var scope = tinyMCE.getAttrib(tdElm, 'scope');
|
||||
var id = ed.dom.getAttrib(tdElm, 'id');
|
||||
var lang = ed.dom.getAttrib(tdElm, 'lang');
|
||||
var dir = ed.dom.getAttrib(tdElm, 'dir');
|
||||
var scope = ed.dom.getAttrib(tdElm, 'scope');
|
||||
|
||||
// Setup form
|
||||
addClassesToList('class', 'table_cell_styles');
|
||||
TinyMCE_EditableSelects.init();
|
||||
|
||||
formObj.bordercolor.value = bordercolor;
|
||||
formObj.bgcolor.value = bgcolor;
|
||||
formObj.backgroundimage.value = backgroundimage;
|
||||
@@ -34,10 +41,10 @@ function init() {
|
||||
formObj.height.value = height;
|
||||
formObj.id.value = id;
|
||||
formObj.lang.value = lang;
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
formObj.style.value = ed.dom.serializeStyle(st);
|
||||
selectByValue(formObj, 'align', align);
|
||||
selectByValue(formObj, 'valign', valign);
|
||||
selectByValue(formObj, 'class', className);
|
||||
selectByValue(formObj, 'class', className, true, true);
|
||||
selectByValue(formObj, 'celltype', celltype);
|
||||
selectByValue(formObj, 'dir', dir);
|
||||
selectByValue(formObj, 'scope', scope);
|
||||
@@ -51,29 +58,39 @@ function init() {
|
||||
}
|
||||
|
||||
function updateAction() {
|
||||
var el, inst = ed, tdElm, trElm, tableElm, formObj = document.forms[0];
|
||||
|
||||
tinyMCEPopup.restoreSelection();
|
||||
el = ed.selection.getNode();
|
||||
tdElm = ed.dom.getParent(el, "td,th");
|
||||
trElm = ed.dom.getParent(el, "tr");
|
||||
tableElm = ed.dom.getParent(el, "table");
|
||||
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var tdElm = tinyMCE.getParentElement(inst.getFocusElement(), "td,th");
|
||||
var trElm = tinyMCE.getParentElement(inst.getFocusElement(), "tr");
|
||||
var tableElm = tinyMCE.getParentElement(inst.getFocusElement(), "table");
|
||||
var formObj = document.forms[0];
|
||||
|
||||
inst.execCommand('mceBeginUndoLevel');
|
||||
ed.execCommand('mceBeginUndoLevel');
|
||||
|
||||
switch (getSelectValue(formObj, 'action')) {
|
||||
case "cell":
|
||||
var celltype = getSelectValue(formObj, 'celltype');
|
||||
var scope = getSelectValue(formObj, 'scope');
|
||||
|
||||
if (tinyMCE.getParam("accessibility_warnings")) {
|
||||
if (celltype == "th" && scope == "")
|
||||
var answer = confirm(tinyMCE.getLang('lang_table_missing_scope', '', true));
|
||||
else
|
||||
var answer = true;
|
||||
function doUpdate(s) {
|
||||
if (s) {
|
||||
updateCell(tdElm);
|
||||
|
||||
if (!answer)
|
||||
return;
|
||||
ed.addVisual();
|
||||
ed.nodeChanged();
|
||||
inst.execCommand('mceEndUndoLevel');
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
};
|
||||
|
||||
if (ed.getParam("accessibility_warnings", 1)) {
|
||||
if (celltype == "th" && scope == "")
|
||||
tinyMCEPopup.confirm(ed.getLang('table_dlg.missing_scope', '', true), doUpdate);
|
||||
else
|
||||
doUpdate(1);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
updateCell(tdElm);
|
||||
@@ -108,8 +125,8 @@ function updateAction() {
|
||||
break;
|
||||
}
|
||||
|
||||
tinyMCE.handleVisualAid(inst.getBody(), true, inst.visualAid, inst);
|
||||
tinyMCE.triggerNodeChange();
|
||||
ed.addVisual();
|
||||
ed.nodeChanged();
|
||||
inst.execCommand('mceEndUndoLevel');
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
@@ -124,11 +141,12 @@ function nextCell(elm) {
|
||||
}
|
||||
|
||||
function updateCell(td, skip_id) {
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var inst = ed;
|
||||
var formObj = document.forms[0];
|
||||
var curCellType = td.nodeName.toLowerCase();
|
||||
var celltype = getSelectValue(formObj, 'celltype');
|
||||
var doc = inst.getDoc();
|
||||
var dom = ed.dom;
|
||||
|
||||
if (!skip_id)
|
||||
td.setAttribute('id', formObj.id.value);
|
||||
@@ -137,16 +155,16 @@ function updateCell(td, skip_id) {
|
||||
td.setAttribute('vAlign', formObj.valign.value);
|
||||
td.setAttribute('lang', formObj.lang.value);
|
||||
td.setAttribute('dir', getSelectValue(formObj, 'dir'));
|
||||
td.setAttribute('style', tinyMCE.serializeStyle(tinyMCE.parseStyle(formObj.style.value)));
|
||||
td.setAttribute('style', ed.dom.serializeStyle(ed.dom.parseStyle(formObj.style.value)));
|
||||
td.setAttribute('scope', formObj.scope.value);
|
||||
tinyMCE.setAttrib(td, 'class', getSelectValue(formObj, 'class'));
|
||||
ed.dom.setAttrib(td, 'class', getSelectValue(formObj, 'class'));
|
||||
|
||||
// Clear deprecated attributes
|
||||
tinyMCE.setAttrib(td, 'width', '');
|
||||
tinyMCE.setAttrib(td, 'height', '');
|
||||
tinyMCE.setAttrib(td, 'bgColor', '');
|
||||
tinyMCE.setAttrib(td, 'borderColor', '');
|
||||
tinyMCE.setAttrib(td, 'background', '');
|
||||
ed.dom.setAttrib(td, 'width', '');
|
||||
ed.dom.setAttrib(td, 'height', '');
|
||||
ed.dom.setAttrib(td, 'bgColor', '');
|
||||
ed.dom.setAttrib(td, 'borderColor', '');
|
||||
ed.dom.setAttrib(td, 'background', '');
|
||||
|
||||
// Set styles
|
||||
td.style.width = getCSSSize(formObj.width.value);
|
||||
@@ -172,30 +190,30 @@ function updateCell(td, skip_id) {
|
||||
for (var c=0; c<td.childNodes.length; c++)
|
||||
newCell.appendChild(td.childNodes[c].cloneNode(1));
|
||||
|
||||
for (var a=0; a<td.attributes.length; a++) {
|
||||
var attr = td.attributes[a];
|
||||
newCell.setAttribute(attr.name, attr.value);
|
||||
}
|
||||
for (var a=0; a<td.attributes.length; a++)
|
||||
ed.dom.setAttrib(newCell, td.attributes[a].name, ed.dom.getAttrib(td, td.attributes[a].name));
|
||||
|
||||
td.parentNode.replaceChild(newCell, td);
|
||||
td = newCell;
|
||||
}
|
||||
|
||||
dom.setAttrib(td, 'style', dom.serializeStyle(dom.parseStyle(td.style.cssText)));
|
||||
|
||||
return td;
|
||||
}
|
||||
|
||||
function changedBackgroundImage() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var st = ed.dom.parseStyle(formObj.style.value);
|
||||
|
||||
st['background-image'] = "url('" + formObj.backgroundimage.value + "')";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
formObj.style.value = ed.dom.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedSize() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var st = ed.dom.parseStyle(formObj.style.value);
|
||||
|
||||
var width = formObj.width.value;
|
||||
if (width != "")
|
||||
@@ -209,22 +227,22 @@ function changedSize() {
|
||||
else
|
||||
st['height'] = "";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
formObj.style.value = ed.dom.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedColor() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var st = ed.dom.parseStyle(formObj.style.value);
|
||||
|
||||
st['background-color'] = formObj.bgcolor.value;
|
||||
st['border-color'] = formObj.bordercolor.value;
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
formObj.style.value = ed.dom.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedStyle() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var st = ed.dom.parseStyle(formObj.style.value);
|
||||
|
||||
if (st['background-image'])
|
||||
formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
||||
@@ -247,3 +265,5 @@ function changedStyle() {
|
||||
updateColor('bordercolor_pick','bordercolor');
|
||||
}
|
||||
}
|
||||
|
||||
tinyMCEPopup.onInit.add(init);
|
||||
29
source/web/scripts/tiny_mce/plugins/table/js/merge_cells.js
vendored
Executable file
29
source/web/scripts/tiny_mce/plugins/table/js/merge_cells.js
vendored
Executable file
@@ -0,0 +1,29 @@
|
||||
tinyMCEPopup.requireLangPack();
|
||||
|
||||
function init() {
|
||||
var f = document.forms[0], v;
|
||||
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
|
||||
f.numcols.value = tinyMCEPopup.getWindowArg('numcols', 1);
|
||||
f.numrows.value = tinyMCEPopup.getWindowArg('numrows', 1);
|
||||
}
|
||||
|
||||
function mergeCells() {
|
||||
var args = [], f = document.forms[0];
|
||||
|
||||
tinyMCEPopup.restoreSelection();
|
||||
|
||||
if (!AutoValidator.validate(f)) {
|
||||
tinyMCEPopup.alert(tinyMCEPopup.getLang('invalid_data'));
|
||||
return false;
|
||||
}
|
||||
|
||||
args["numcols"] = f.numcols.value;
|
||||
args["numrows"] = f.numrows.value;
|
||||
|
||||
tinyMCEPopup.execCommand("mceTableMergeCells", false, args);
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
|
||||
tinyMCEPopup.onInit.add(init);
|
||||
86
source/web/scripts/tiny_mce/plugins/table/jscripts/row.js → source/web/scripts/tiny_mce/plugins/table/js/row.js
vendored
Normal file → Executable file
86
source/web/scripts/tiny_mce/plugins/table/jscripts/row.js → source/web/scripts/tiny_mce/plugins/table/js/row.js
vendored
Normal file → Executable file
@@ -1,37 +1,42 @@
|
||||
tinyMCEPopup.requireLangPack();
|
||||
|
||||
function init() {
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
|
||||
document.getElementById('backgroundimagebrowsercontainer').innerHTML = getBrowserHTML('backgroundimagebrowser','backgroundimage','image','table');
|
||||
document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');
|
||||
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var trElm = tinyMCE.getParentElement(inst.getFocusElement(), "tr");
|
||||
var inst = tinyMCEPopup.editor;
|
||||
var dom = inst.dom;
|
||||
var trElm = dom.getParent(inst.selection.getNode(), "tr");
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(tinyMCE.getAttrib(trElm, "style"));
|
||||
var st = dom.parseStyle(dom.getAttrib(trElm, "style"));
|
||||
|
||||
// Get table row data
|
||||
var rowtype = trElm.parentNode.nodeName.toLowerCase();
|
||||
var align = tinyMCE.getAttrib(trElm, 'align');
|
||||
var valign = tinyMCE.getAttrib(trElm, 'valign');
|
||||
var align = dom.getAttrib(trElm, 'align');
|
||||
var valign = dom.getAttrib(trElm, 'valign');
|
||||
var height = trimSize(getStyle(trElm, 'height', 'height'));
|
||||
var className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(trElm, 'class'), false);
|
||||
var className = dom.getAttrib(trElm, 'class');
|
||||
var bgcolor = convertRGBToHex(getStyle(trElm, 'bgcolor', 'backgroundColor'));
|
||||
var backgroundimage = getStyle(trElm, 'background', 'backgroundImage').replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");;
|
||||
var id = tinyMCE.getAttrib(trElm, 'id');
|
||||
var lang = tinyMCE.getAttrib(trElm, 'lang');
|
||||
var dir = tinyMCE.getAttrib(trElm, 'dir');
|
||||
var id = dom.getAttrib(trElm, 'id');
|
||||
var lang = dom.getAttrib(trElm, 'lang');
|
||||
var dir = dom.getAttrib(trElm, 'dir');
|
||||
|
||||
// Setup form
|
||||
addClassesToList('class', 'table_row_styles');
|
||||
TinyMCE_EditableSelects.init();
|
||||
|
||||
formObj.bgcolor.value = bgcolor;
|
||||
formObj.backgroundimage.value = backgroundimage;
|
||||
formObj.height.value = height;
|
||||
formObj.id.value = id;
|
||||
formObj.lang.value = lang;
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
formObj.style.value = dom.serializeStyle(st);
|
||||
selectByValue(formObj, 'align', align);
|
||||
selectByValue(formObj, 'valign', valign);
|
||||
selectByValue(formObj, 'class', className);
|
||||
selectByValue(formObj, 'class', className, true, true);
|
||||
selectByValue(formObj, 'rowtype', rowtype);
|
||||
selectByValue(formObj, 'dir', dir);
|
||||
|
||||
@@ -43,14 +48,13 @@ function init() {
|
||||
}
|
||||
|
||||
function updateAction() {
|
||||
tinyMCEPopup.restoreSelection();
|
||||
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var trElm = tinyMCE.getParentElement(inst.getFocusElement(), "tr");
|
||||
var tableElm = tinyMCE.getParentElement(inst.getFocusElement(), "table");
|
||||
var formObj = document.forms[0];
|
||||
var inst = tinyMCEPopup.editor, dom = inst.dom, trElm, tableElm, formObj = document.forms[0];
|
||||
var action = getSelectValue(formObj, 'action');
|
||||
|
||||
tinyMCEPopup.restoreSelection();
|
||||
trElm = dom.getParent(inst.selection.getNode(), "tr");
|
||||
tableElm = dom.getParent(inst.selection.getNode(), "table");
|
||||
|
||||
inst.execCommand('mceBeginUndoLevel');
|
||||
|
||||
switch (action) {
|
||||
@@ -78,15 +82,16 @@ function updateAction() {
|
||||
break;
|
||||
}
|
||||
|
||||
tinyMCE.handleVisualAid(inst.getBody(), true, inst.visualAid, inst);
|
||||
tinyMCE.triggerNodeChange();
|
||||
inst.addVisual();
|
||||
inst.nodeChanged();
|
||||
inst.execCommand('mceEndUndoLevel');
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
|
||||
function updateRow(tr_elm, skip_id, skip_parent) {
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var inst = tinyMCEPopup.editor;
|
||||
var formObj = document.forms[0];
|
||||
var dom = inst.dom;
|
||||
var curRowType = tr_elm.parentNode.nodeName.toLowerCase();
|
||||
var rowtype = getSelectValue(formObj, 'rowtype');
|
||||
var doc = inst.getDoc();
|
||||
@@ -99,8 +104,8 @@ function updateRow(tr_elm, skip_id, skip_parent) {
|
||||
tr_elm.setAttribute('vAlign', getSelectValue(formObj, 'valign'));
|
||||
tr_elm.setAttribute('lang', formObj.lang.value);
|
||||
tr_elm.setAttribute('dir', getSelectValue(formObj, 'dir'));
|
||||
tr_elm.setAttribute('style', tinyMCE.serializeStyle(tinyMCE.parseStyle(formObj.style.value)));
|
||||
tinyMCE.setAttrib(tr_elm, 'class', getSelectValue(formObj, 'class'));
|
||||
tr_elm.setAttribute('style', dom.serializeStyle(dom.parseStyle(formObj.style.value)));
|
||||
dom.setAttrib(tr_elm, 'class', getSelectValue(formObj, 'class'));
|
||||
|
||||
// Clear deprecated attributes
|
||||
tr_elm.setAttribute('background', '');
|
||||
@@ -122,7 +127,7 @@ function updateRow(tr_elm, skip_id, skip_parent) {
|
||||
var newRow = tr_elm.cloneNode(1);
|
||||
|
||||
// next, find the parent of its new destination (creating it if necessary)
|
||||
var theTable = tinyMCE.getParentElement(tr_elm, "table");
|
||||
var theTable = dom.getParent(tr_elm, "table");
|
||||
var dest = rowtype;
|
||||
var newParent = null;
|
||||
for (var i = 0; i < theTable.childNodes.length; i++) {
|
||||
@@ -133,9 +138,12 @@ function updateRow(tr_elm, skip_id, skip_parent) {
|
||||
if (newParent == null) {
|
||||
newParent = doc.createElement(dest);
|
||||
|
||||
if (dest == "thead")
|
||||
theTable.insertBefore(newParent, theTable.firstChild);
|
||||
else
|
||||
if (dest == "thead") {
|
||||
if (theTable.firstChild.nodeName == 'CAPTION')
|
||||
inst.dom.insertAfter(newParent, theTable.firstChild);
|
||||
else
|
||||
theTable.insertBefore(newParent, theTable.firstChild);
|
||||
} else
|
||||
theTable.appendChild(newParent);
|
||||
}
|
||||
|
||||
@@ -148,20 +156,22 @@ function updateRow(tr_elm, skip_id, skip_parent) {
|
||||
// set tr_elm to the new node
|
||||
tr_elm = newRow;
|
||||
}
|
||||
|
||||
dom.setAttrib(tr_elm, 'style', dom.serializeStyle(dom.parseStyle(tr_elm.style.cssText)));
|
||||
}
|
||||
|
||||
function changedBackgroundImage() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var formObj = document.forms[0], dom = tinyMCEPopup.editor.dom;
|
||||
var st = dom.parseStyle(formObj.style.value);
|
||||
|
||||
st['background-image'] = "url('" + formObj.backgroundimage.value + "')";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
formObj.style.value = dom.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedStyle() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var formObj = document.forms[0], dom = tinyMCEPopup.editor.dom;
|
||||
var st = dom.parseStyle(formObj.style.value);
|
||||
|
||||
if (st['background-image'])
|
||||
formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
||||
@@ -178,8 +188,8 @@ function changedStyle() {
|
||||
}
|
||||
|
||||
function changedSize() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var formObj = document.forms[0], dom = tinyMCEPopup.editor.dom;
|
||||
var st = dom.parseStyle(formObj.style.value);
|
||||
|
||||
var height = formObj.height.value;
|
||||
if (height != "")
|
||||
@@ -187,14 +197,16 @@ function changedSize() {
|
||||
else
|
||||
st['height'] = "";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
formObj.style.value = dom.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedColor() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var formObj = document.forms[0], dom = tinyMCEPopup.editor.dom;
|
||||
var st = dom.parseStyle(formObj.style.value);
|
||||
|
||||
st['background-color'] = formObj.bgcolor.value;
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
formObj.style.value = dom.serializeStyle(st);
|
||||
}
|
||||
|
||||
tinyMCEPopup.onInit.add(init);
|
||||
225
source/web/scripts/tiny_mce/plugins/table/jscripts/table.js → source/web/scripts/tiny_mce/plugins/table/js/table.js
vendored
Normal file → Executable file
225
source/web/scripts/tiny_mce/plugins/table/jscripts/table.js → source/web/scripts/tiny_mce/plugins/table/js/table.js
vendored
Normal file → Executable file
@@ -1,15 +1,23 @@
|
||||
var action, orgTableWidth, orgTableHeight;
|
||||
tinyMCEPopup.requireLangPack();
|
||||
|
||||
var action, orgTableWidth, orgTableHeight, dom = tinyMCEPopup.editor.dom;
|
||||
|
||||
function insertTable() {
|
||||
var formObj = document.forms[0];
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var cols = 2, rows = 2, border = 0, cellpadding = -1, cellspacing = -1, align, width, height, className;
|
||||
var html = '';
|
||||
var elm = tinyMCE.tableElm;
|
||||
var inst = tinyMCEPopup.editor, dom = inst.dom;
|
||||
var cols = 2, rows = 2, border = 0, cellpadding = -1, cellspacing = -1, align, width, height, className, caption, frame, rules;
|
||||
var html = '', capEl, elm;
|
||||
var cellLimit, rowLimit, colLimit;
|
||||
|
||||
tinyMCEPopup.restoreSelection();
|
||||
|
||||
if (!AutoValidator.validate(formObj)) {
|
||||
tinyMCEPopup.alert(inst.getLang('invalid_data'));
|
||||
return false;
|
||||
}
|
||||
|
||||
elm = dom.getParent(inst.selection.getNode(), 'table');
|
||||
|
||||
// Get form data
|
||||
cols = formObj.elements['cols'].value;
|
||||
rows = formObj.elements['rows'].value;
|
||||
@@ -17,6 +25,8 @@ function insertTable() {
|
||||
cellpadding = formObj.elements['cellpadding'].value != "" ? formObj.elements['cellpadding'].value : "";
|
||||
cellspacing = formObj.elements['cellspacing'].value != "" ? formObj.elements['cellspacing'].value : "";
|
||||
align = formObj.elements['align'].options[formObj.elements['align'].selectedIndex].value;
|
||||
frame = formObj.elements['frame'].options[formObj.elements['frame'].selectedIndex].value;
|
||||
rules = formObj.elements['rules'].options[formObj.elements['rules'].selectedIndex].value;
|
||||
width = formObj.elements['width'].value;
|
||||
height = formObj.elements['height'].value;
|
||||
bordercolor = formObj.elements['bordercolor'].value;
|
||||
@@ -28,20 +38,21 @@ function insertTable() {
|
||||
dir = formObj.elements['dir'].value;
|
||||
lang = formObj.elements['lang'].value;
|
||||
background = formObj.elements['backgroundimage'].value;
|
||||
caption = formObj.elements['caption'].checked;
|
||||
|
||||
cellLimit = tinyMCE.getParam('table_cell_limit', false);
|
||||
rowLimit = tinyMCE.getParam('table_row_limit', false);
|
||||
colLimit = tinyMCE.getParam('table_col_limit', false);
|
||||
cellLimit = tinyMCEPopup.getParam('table_cell_limit', false);
|
||||
rowLimit = tinyMCEPopup.getParam('table_row_limit', false);
|
||||
colLimit = tinyMCEPopup.getParam('table_col_limit', false);
|
||||
|
||||
// Validate table size
|
||||
if (colLimit && cols > colLimit) {
|
||||
alert(tinyMCE.getLang('lang_table_col_limit', '', true, {cols : colLimit}));
|
||||
tinyMCEPopup.alert(inst.getLang('table_dlg.col_limit').replace(/\{\$cols\}/g, colLimit));
|
||||
return false;
|
||||
} else if (rowLimit && rows > rowLimit) {
|
||||
alert(tinyMCE.getLang('lang_table_row_limit', '', true, {rows : rowLimit}));
|
||||
tinyMCEPopup.alert(inst.getLang('table_dlg.row_limit').replace(/\{\$rows\}/g, rowLimit));
|
||||
return false;
|
||||
} else if (cellLimit && cols * rows > cellLimit) {
|
||||
alert(tinyMCE.getLang('lang_table_cell_limit', '', true, {cells : cellLimit}));
|
||||
tinyMCEPopup.alert(inst.getLang('table_dlg.cell_limit').replace(/\{\$cells\}/g, cellLimit));
|
||||
return false;
|
||||
}
|
||||
|
||||
@@ -49,39 +60,63 @@ function insertTable() {
|
||||
if (action == "update") {
|
||||
inst.execCommand('mceBeginUndoLevel');
|
||||
|
||||
tinyMCE.setAttrib(elm, 'cellPadding', cellpadding, true);
|
||||
tinyMCE.setAttrib(elm, 'cellSpacing', cellspacing, true);
|
||||
tinyMCE.setAttrib(elm, 'border', border, true);
|
||||
tinyMCE.setAttrib(elm, 'align', align);
|
||||
tinyMCE.setAttrib(elm, 'class', className);
|
||||
tinyMCE.setAttrib(elm, 'style', style);
|
||||
tinyMCE.setAttrib(elm, 'id', id);
|
||||
tinyMCE.setAttrib(elm, 'summary', summary);
|
||||
tinyMCE.setAttrib(elm, 'dir', dir);
|
||||
tinyMCE.setAttrib(elm, 'lang', lang);
|
||||
dom.setAttrib(elm, 'cellPadding', cellpadding, true);
|
||||
dom.setAttrib(elm, 'cellSpacing', cellspacing, true);
|
||||
dom.setAttrib(elm, 'border', border);
|
||||
dom.setAttrib(elm, 'align', align);
|
||||
dom.setAttrib(elm, 'frame', frame);
|
||||
dom.setAttrib(elm, 'rules', rules);
|
||||
dom.setAttrib(elm, 'class', className);
|
||||
dom.setAttrib(elm, 'style', style);
|
||||
dom.setAttrib(elm, 'id', id);
|
||||
dom.setAttrib(elm, 'summary', summary);
|
||||
dom.setAttrib(elm, 'dir', dir);
|
||||
dom.setAttrib(elm, 'lang', lang);
|
||||
|
||||
// Not inline styles
|
||||
if (!tinyMCE.getParam("inline_styles"))
|
||||
tinyMCE.setAttrib(elm, 'width', width, true);
|
||||
capEl = inst.dom.select('caption', elm)[0];
|
||||
|
||||
if (capEl && !caption)
|
||||
capEl.parentNode.removeChild(capEl);
|
||||
|
||||
if (!capEl && caption) {
|
||||
capEl = elm.ownerDocument.createElement('caption');
|
||||
|
||||
if (!tinymce.isIE)
|
||||
capEl.innerHTML = '<br mce_bogus="1"/>';
|
||||
|
||||
elm.insertBefore(capEl, elm.firstChild);
|
||||
}
|
||||
|
||||
if (width && inst.settings.inline_styles) {
|
||||
dom.setStyle(elm, 'width', width);
|
||||
dom.setAttrib(elm, 'width', '');
|
||||
} else {
|
||||
dom.setAttrib(elm, 'width', width, true);
|
||||
dom.setStyle(elm, 'width', '');
|
||||
}
|
||||
|
||||
// Remove these since they are not valid XHTML
|
||||
tinyMCE.setAttrib(elm, 'borderColor', '');
|
||||
tinyMCE.setAttrib(elm, 'bgColor', '');
|
||||
tinyMCE.setAttrib(elm, 'background', '');
|
||||
tinyMCE.setAttrib(elm, 'height', '');
|
||||
dom.setAttrib(elm, 'borderColor', '');
|
||||
dom.setAttrib(elm, 'bgColor', '');
|
||||
dom.setAttrib(elm, 'background', '');
|
||||
|
||||
if (height && inst.settings.inline_styles) {
|
||||
dom.setStyle(elm, 'height', height);
|
||||
dom.setAttrib(elm, 'height', '');
|
||||
} else {
|
||||
dom.setAttrib(elm, 'height', height, true);
|
||||
dom.setStyle(elm, 'height', '');
|
||||
}
|
||||
|
||||
if (background != '')
|
||||
elm.style.backgroundImage = "url('" + background + "')";
|
||||
else
|
||||
elm.style.backgroundImage = '';
|
||||
|
||||
if (tinyMCE.getParam("inline_styles"))
|
||||
elm.style.borderWidth = border + "px";
|
||||
|
||||
if (tinyMCE.getParam("inline_styles")) {
|
||||
/* if (tinyMCEPopup.getParam("inline_styles")) {
|
||||
if (width != '')
|
||||
elm.style.width = getCSSSize(width);
|
||||
}
|
||||
}*/
|
||||
|
||||
if (bordercolor != "") {
|
||||
elm.style.borderColor = bordercolor;
|
||||
@@ -93,18 +128,17 @@ function insertTable() {
|
||||
elm.style.backgroundColor = bgcolor;
|
||||
elm.style.height = getCSSSize(height);
|
||||
|
||||
tinyMCE.handleVisualAid(tinyMCE.tableElm, false, inst.visualAid, inst);
|
||||
inst.addVisual();
|
||||
|
||||
// Fix for stange MSIE align bug
|
||||
tinyMCE.tableElm.outerHTML = tinyMCE.tableElm.outerHTML;
|
||||
//elm.outerHTML = elm.outerHTML;
|
||||
|
||||
tinyMCE.handleVisualAid(inst.getBody(), true, inst.visualAid, inst);
|
||||
tinyMCE.triggerNodeChange();
|
||||
inst.nodeChanged();
|
||||
inst.execCommand('mceEndUndoLevel');
|
||||
|
||||
// Repaint if dimensions changed
|
||||
if (formObj.width.value != orgTableWidth || formObj.height.value != orgTableHeight)
|
||||
inst.repaint();
|
||||
inst.execCommand('mceRepaint');
|
||||
|
||||
tinyMCEPopup.close();
|
||||
return true;
|
||||
@@ -117,24 +151,51 @@ function insertTable() {
|
||||
html += makeAttrib('border', border);
|
||||
html += makeAttrib('cellpadding', cellpadding);
|
||||
html += makeAttrib('cellspacing', cellspacing);
|
||||
html += makeAttrib('width', width);
|
||||
|
||||
if (width && inst.settings.inline_styles) {
|
||||
if (style)
|
||||
style += '; ';
|
||||
|
||||
style += 'width: ' + width;
|
||||
} else
|
||||
html += makeAttrib('width', width);
|
||||
|
||||
/* if (height) {
|
||||
if (style)
|
||||
style += '; ';
|
||||
|
||||
style += 'height: ' + height;
|
||||
}*/
|
||||
|
||||
//html += makeAttrib('height', height);
|
||||
//html += makeAttrib('bordercolor', bordercolor);
|
||||
//html += makeAttrib('bgcolor', bgcolor);
|
||||
html += makeAttrib('align', align);
|
||||
html += makeAttrib('class', tinyMCE.getVisualAidClass(className, border == 0));
|
||||
html += makeAttrib('frame', frame);
|
||||
html += makeAttrib('rules', rules);
|
||||
html += makeAttrib('class', className);
|
||||
html += makeAttrib('style', style);
|
||||
html += makeAttrib('summary', summary);
|
||||
html += makeAttrib('dir', dir);
|
||||
html += makeAttrib('lang', lang);
|
||||
|
||||
html += '>';
|
||||
|
||||
if (caption) {
|
||||
if (!tinymce.isIE)
|
||||
html += '<caption><br mce_bogus="1"/></caption>';
|
||||
else
|
||||
html += '<caption></caption>';
|
||||
}
|
||||
|
||||
for (var y=0; y<rows; y++) {
|
||||
html += "<tr>";
|
||||
|
||||
for (var x=0; x<cols; x++)
|
||||
html += '<td> </td>';
|
||||
for (var x=0; x<cols; x++) {
|
||||
if (!tinymce.isIE)
|
||||
html += '<td><br mce_bogus="1"/></td>';
|
||||
else
|
||||
html += '<td></td>';
|
||||
}
|
||||
|
||||
html += "</tr>";
|
||||
}
|
||||
@@ -143,7 +204,7 @@ function insertTable() {
|
||||
|
||||
inst.execCommand('mceBeginUndoLevel');
|
||||
inst.execCommand('mceInsertContent', false, html);
|
||||
tinyMCE.handleVisualAid(inst.getBody(), true, tinyMCE.settings['visual']);
|
||||
inst.addVisual();
|
||||
inst.execCommand('mceEndUndoLevel');
|
||||
|
||||
tinyMCEPopup.close();
|
||||
@@ -180,20 +241,20 @@ function init() {
|
||||
document.getElementById('bordercolor_pickcontainer').innerHTML = getColorPickerHTML('bordercolor_pick','bordercolor');
|
||||
document.getElementById('bgcolor_pickcontainer').innerHTML = getColorPickerHTML('bgcolor_pick','bgcolor');
|
||||
|
||||
var cols = 2, rows = 2, border = 0, cellpadding = "", cellspacing = "";
|
||||
var cols = 2, rows = 2, border = tinyMCEPopup.getParam('table_default_border', '0'), cellpadding = tinyMCEPopup.getParam('table_default_cellpadding', ''), cellspacing = tinyMCEPopup.getParam('table_default_cellspacing', '');
|
||||
var align = "", width = "", height = "", bordercolor = "", bgcolor = "", className = "";
|
||||
var id = "", summary = "", style = "", dir = "", lang = "", background = "", bgcolor = "", bordercolor = "";
|
||||
var inst = tinyMCE.selectedInstance;
|
||||
var id = "", summary = "", style = "", dir = "", lang = "", background = "", bgcolor = "", bordercolor = "", rules, frame;
|
||||
var inst = tinyMCEPopup.editor, dom = inst.dom;
|
||||
var formObj = document.forms[0];
|
||||
var elm = tinyMCE.getParentElement(inst.getFocusElement(), "table");
|
||||
var elm = dom.getParent(inst.selection.getNode(), "table");
|
||||
|
||||
tinyMCE.tableElm = elm;
|
||||
action = tinyMCE.getWindowArg('action');
|
||||
if (action == null)
|
||||
action = tinyMCE.tableElm ? "update" : "insert";
|
||||
action = tinyMCEPopup.getWindowArg('action');
|
||||
|
||||
if (tinyMCE.tableElm && action != "insert") {
|
||||
var rowsAr = tinyMCE.tableElm.rows;
|
||||
if (!action)
|
||||
action = elm ? "update" : "insert";
|
||||
|
||||
if (elm && action != "insert") {
|
||||
var rowsAr = elm.rows;
|
||||
var cols = 0;
|
||||
for (var i=0; i<rowsAr.length; i++)
|
||||
if (rowsAr[i].cells.length > cols)
|
||||
@@ -202,34 +263,41 @@ function init() {
|
||||
cols = cols;
|
||||
rows = rowsAr.length;
|
||||
|
||||
st = tinyMCE.parseStyle(tinyMCE.getAttrib(tinyMCE.tableElm, "style"));
|
||||
st = dom.parseStyle(dom.getAttrib(elm, "style"));
|
||||
border = trimSize(getStyle(elm, 'border', 'borderWidth'));
|
||||
cellpadding = tinyMCE.getAttrib(tinyMCE.tableElm, 'cellpadding', "");
|
||||
cellspacing = tinyMCE.getAttrib(tinyMCE.tableElm, 'cellspacing', "");
|
||||
cellpadding = dom.getAttrib(elm, 'cellpadding', "");
|
||||
cellspacing = dom.getAttrib(elm, 'cellspacing', "");
|
||||
width = trimSize(getStyle(elm, 'width', 'width'));
|
||||
height = trimSize(getStyle(elm, 'height', 'height'));
|
||||
bordercolor = convertRGBToHex(getStyle(elm, 'bordercolor', 'borderLeftColor'));
|
||||
bgcolor = convertRGBToHex(getStyle(elm, 'bgcolor', 'backgroundColor'));
|
||||
align = tinyMCE.getAttrib(tinyMCE.tableElm, 'align', align);
|
||||
className = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(tinyMCE.tableElm, 'class'), false);
|
||||
id = tinyMCE.getAttrib(tinyMCE.tableElm, 'id');
|
||||
summary = tinyMCE.getAttrib(tinyMCE.tableElm, 'summary');
|
||||
style = tinyMCE.serializeStyle(st);
|
||||
dir = tinyMCE.getAttrib(tinyMCE.tableElm, 'dir');
|
||||
lang = tinyMCE.getAttrib(tinyMCE.tableElm, 'lang');
|
||||
align = dom.getAttrib(elm, 'align', align);
|
||||
frame = dom.getAttrib(elm, 'frame');
|
||||
rules = dom.getAttrib(elm, 'rules');
|
||||
className = tinymce.trim(dom.getAttrib(elm, 'class').replace(/mceItem.+/g, ''));
|
||||
id = dom.getAttrib(elm, 'id');
|
||||
summary = dom.getAttrib(elm, 'summary');
|
||||
style = dom.serializeStyle(st);
|
||||
dir = dom.getAttrib(elm, 'dir');
|
||||
lang = dom.getAttrib(elm, 'lang');
|
||||
background = getStyle(elm, 'background', 'backgroundImage').replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
||||
formObj.caption.checked = elm.getElementsByTagName('caption').length > 0;
|
||||
|
||||
orgTableWidth = width;
|
||||
orgTableHeight = height;
|
||||
|
||||
action = "update";
|
||||
formObj.insert.value = inst.getLang('update');
|
||||
}
|
||||
|
||||
addClassesToList('class', "table_styles");
|
||||
TinyMCE_EditableSelects.init();
|
||||
|
||||
// Update form
|
||||
selectByValue(formObj, 'align', align);
|
||||
selectByValue(formObj, 'class', className);
|
||||
selectByValue(formObj, 'frame', frame);
|
||||
selectByValue(formObj, 'rules', rules);
|
||||
selectByValue(formObj, 'class', className, true, true);
|
||||
formObj.cols.value = cols;
|
||||
formObj.rows.value = rows;
|
||||
formObj.border.value = border;
|
||||
@@ -245,7 +313,6 @@ function init() {
|
||||
formObj.dir.value = dir;
|
||||
formObj.lang.value = lang;
|
||||
formObj.backgroundimage.value = background;
|
||||
formObj.insert.value = tinyMCE.getLang('lang_' + action, 'Insert', true);
|
||||
|
||||
updateColor('bordercolor_pick', 'bordercolor');
|
||||
updateColor('bgcolor_pick', 'bgcolor');
|
||||
@@ -263,13 +330,13 @@ function init() {
|
||||
|
||||
function changedSize() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var st = dom.parseStyle(formObj.style.value);
|
||||
|
||||
var width = formObj.width.value;
|
||||
/* var width = formObj.width.value;
|
||||
if (width != "")
|
||||
st['width'] = tinyMCE.getParam("inline_styles") ? getCSSSize(width) : "";
|
||||
st['width'] = tinyMCEPopup.getParam("inline_styles") ? getCSSSize(width) : "";
|
||||
else
|
||||
st['width'] = "";
|
||||
st['width'] = "";*/
|
||||
|
||||
var height = formObj.height.value;
|
||||
if (height != "")
|
||||
@@ -277,32 +344,32 @@ function changedSize() {
|
||||
else
|
||||
st['height'] = "";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
formObj.style.value = dom.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedBackgroundImage() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var st = dom.parseStyle(formObj.style.value);
|
||||
|
||||
st['background-image'] = "url('" + formObj.backgroundimage.value + "')";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
formObj.style.value = dom.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedBorder() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var st = dom.parseStyle(formObj.style.value);
|
||||
|
||||
// Update border width if the element has a color
|
||||
if (formObj.border.value != "" && formObj.bordercolor.value != "")
|
||||
st['border-width'] = formObj.border.value + "px";
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
formObj.style.value = dom.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedColor() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var st = dom.parseStyle(formObj.style.value);
|
||||
|
||||
st['background-color'] = formObj.bgcolor.value;
|
||||
|
||||
@@ -314,12 +381,12 @@ function changedColor() {
|
||||
st['border-width'] = formObj.border.value == "" ? "1px" : formObj.border.value + "px";
|
||||
}
|
||||
|
||||
formObj.style.value = tinyMCE.serializeStyle(st);
|
||||
formObj.style.value = dom.serializeStyle(st);
|
||||
}
|
||||
|
||||
function changedStyle() {
|
||||
var formObj = document.forms[0];
|
||||
var st = tinyMCE.parseStyle(formObj.style.value);
|
||||
var st = dom.parseStyle(formObj.style.value);
|
||||
|
||||
if (st['background-image'])
|
||||
formObj.backgroundimage.value = st['background-image'].replace(new RegExp("url\\('?([^']*)'?\\)", 'gi'), "$1");
|
||||
@@ -342,3 +409,5 @@ function changedStyle() {
|
||||
updateColor('bordercolor_pick','bordercolor');
|
||||
}
|
||||
}
|
||||
|
||||
tinyMCEPopup.onInit.add(init);
|
||||
@@ -1,19 +0,0 @@
|
||||
function init() {
|
||||
tinyMCEPopup.resizeToInnerSize();
|
||||
|
||||
var formObj = document.forms[0];
|
||||
|
||||
formObj.numcols.value = tinyMCE.getWindowArg('numcols', 1);
|
||||
formObj.numrows.value = tinyMCE.getWindowArg('numrows', 1);
|
||||
}
|
||||
|
||||
function mergeCells() {
|
||||
var args = new Array();
|
||||
var formObj = document.forms[0];
|
||||
|
||||
args["numcols"] = formObj.numcols.value;
|
||||
args["numrows"] = formObj.numrows.value;
|
||||
|
||||
tinyMCEPopup.execCommand("mceTableMergeCells", false, args);
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
@@ -1,78 +0,0 @@
|
||||
// UK lang variables
|
||||
|
||||
tinyMCE.addToLang('table',{
|
||||
general_tab : 'General',
|
||||
advanced_tab : 'Advanced',
|
||||
general_props : 'General properties',
|
||||
advanced_props : 'Advanced properties',
|
||||
desc : 'Inserts a new table',
|
||||
row_before_desc : 'Insert row before',
|
||||
row_after_desc : 'Insert row after',
|
||||
delete_row_desc : 'Delete row',
|
||||
col_before_desc : 'Insert column before',
|
||||
col_after_desc : 'Insert column after',
|
||||
delete_col_desc : 'Remove column',
|
||||
rowtype : 'Row in table part',
|
||||
title : 'Insert/Modify table',
|
||||
width : 'Width',
|
||||
height : 'Height',
|
||||
cols : 'Columns',
|
||||
rows : 'Rows',
|
||||
cellspacing : 'Cellspacing',
|
||||
cellpadding : 'Cellpadding',
|
||||
border : 'Border',
|
||||
align : 'Alignment',
|
||||
align_default : 'Default',
|
||||
align_left : 'Left',
|
||||
align_right : 'Right',
|
||||
align_middle : 'Center',
|
||||
row_title : 'Table row properties',
|
||||
cell_title : 'Table cell properties',
|
||||
cell_type : 'Cell type',
|
||||
row_desc : 'Table row properties',
|
||||
cell_desc : 'Table cell properties',
|
||||
valign : 'Vertical alignment',
|
||||
align_top : 'Top',
|
||||
align_bottom : 'Bottom',
|
||||
props_desc : 'Table properties',
|
||||
bordercolor : 'Border color',
|
||||
bgcolor : 'Background color',
|
||||
merge_cells_title : 'Merge table cells',
|
||||
split_cells_desc : 'Split table cells',
|
||||
merge_cells_desc : 'Merge table cells',
|
||||
cut_row_desc : 'Cut table row',
|
||||
copy_row_desc : 'Copy table row',
|
||||
paste_row_before_desc : 'Paste table row before',
|
||||
paste_row_after_desc : 'Paste table row after',
|
||||
id : 'Id',
|
||||
style: 'Style',
|
||||
langdir : 'Language direction',
|
||||
langcode : 'Language code',
|
||||
mime : 'Target MIME type',
|
||||
ltr : 'Left to right',
|
||||
rtl : 'Right to left',
|
||||
bgimage : 'Background image',
|
||||
summary : 'Summary',
|
||||
td : "Data",
|
||||
th : "Header",
|
||||
cell_cell : 'Update current cell',
|
||||
cell_row : 'Update all cells in row',
|
||||
cell_all : 'Update all cells in table',
|
||||
row_row : 'Update current row',
|
||||
row_odd : 'Update odd rows in table',
|
||||
row_even : 'Update even rows in table',
|
||||
row_all : 'Update all rows in table',
|
||||
thead : 'Table Head',
|
||||
tbody : 'Table Body',
|
||||
tfoot : 'Table Foot',
|
||||
del : 'Delete table',
|
||||
scope : 'Scope',
|
||||
row : 'Row',
|
||||
col : 'Col',
|
||||
rowgroup : 'Row Group',
|
||||
colgroup : 'Col Group',
|
||||
col_limit : 'You\'ve exceeded the maximum number of columns of {$cols}.',
|
||||
row_limit : 'You\'ve exceeded the maximum number of rows of {$rows}.',
|
||||
cell_limit : 'You\'ve exceeded the maximum number of cells of {$cells}.',
|
||||
missing_scope: 'Are you sure you want to continue without specifying a scope for this table header cell. Without it, it may be difficult for some users with disabilities to understand the content or data displayed of the table.'
|
||||
});
|
||||
74
source/web/scripts/tiny_mce/plugins/table/langs/en_dlg.js
vendored
Executable file
74
source/web/scripts/tiny_mce/plugins/table/langs/en_dlg.js
vendored
Executable file
@@ -0,0 +1,74 @@
|
||||
tinyMCE.addI18n('en.table_dlg',{
|
||||
general_tab:"General",
|
||||
advanced_tab:"Advanced",
|
||||
general_props:"General properties",
|
||||
advanced_props:"Advanced properties",
|
||||
rowtype:"Row in table part",
|
||||
title:"Insert/Modify table",
|
||||
width:"Width",
|
||||
height:"Height",
|
||||
cols:"Cols",
|
||||
rows:"Rows",
|
||||
cellspacing:"Cellspacing",
|
||||
cellpadding:"Cellpadding",
|
||||
border:"Border",
|
||||
align:"Alignment",
|
||||
align_default:"Default",
|
||||
align_left:"Left",
|
||||
align_right:"Right",
|
||||
align_middle:"Center",
|
||||
row_title:"Table row properties",
|
||||
cell_title:"Table cell properties",
|
||||
cell_type:"Cell type",
|
||||
valign:"Vertical alignment",
|
||||
align_top:"Top",
|
||||
align_bottom:"Bottom",
|
||||
bordercolor:"Border color",
|
||||
bgcolor:"Background color",
|
||||
merge_cells_title:"Merge table cells",
|
||||
id:"Id",
|
||||
style:"Style",
|
||||
langdir:"Language direction",
|
||||
langcode:"Language code",
|
||||
mime:"Target MIME type",
|
||||
ltr:"Left to right",
|
||||
rtl:"Right to left",
|
||||
bgimage:"Background image",
|
||||
summary:"Summary",
|
||||
td:"Data",
|
||||
th:"Header",
|
||||
cell_cell:"Update current cell",
|
||||
cell_row:"Update all cells in row",
|
||||
cell_all:"Update all cells in table",
|
||||
row_row:"Update current row",
|
||||
row_odd:"Update odd rows in table",
|
||||
row_even:"Update even rows in table",
|
||||
row_all:"Update all rows in table",
|
||||
thead:"Table Head",
|
||||
tbody:"Table Body",
|
||||
tfoot:"Table Foot",
|
||||
scope:"Scope",
|
||||
rowgroup:"Row Group",
|
||||
colgroup:"Col Group",
|
||||
col_limit:"You've exceeded the maximum number of columns of {$cols}.",
|
||||
row_limit:"You've exceeded the maximum number of rows of {$rows}.",
|
||||
cell_limit:"You've exceeded the maximum number of cells of {$cells}.",
|
||||
missing_scope:"Are you sure you want to continue without specifying a scope for this table header cell. Without it, it may be difficult for some users with disabilities to understand the content or data displayed of the table.",
|
||||
caption:"Table caption",
|
||||
frame:"Frame",
|
||||
frame_none:"none",
|
||||
frame_groups:"groups",
|
||||
frame_rows:"rows",
|
||||
frame_cols:"cols",
|
||||
frame_all:"all",
|
||||
rules:"Rules",
|
||||
rules_void:"void",
|
||||
rules_above:"above",
|
||||
rules_below:"below",
|
||||
rules_hsides:"hsides",
|
||||
rules_lhs:"lhs",
|
||||
rules_rhs:"rhs",
|
||||
rules_vsides:"vsides",
|
||||
rules_box:"box",
|
||||
rules_border:"border"
|
||||
});
|
||||
@@ -1,35 +1,36 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_table_merge_cells_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/merge_cells.js"></script>
|
||||
<title>{#table_dlg.merge_cells_title}</title>
|
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script type="text/javascript" src="../../utils/validate.js"></script>
|
||||
<script type="text/javascript" src="js/merge_cells.js"></script>
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body onload="tinyMCEPopup.executeOnLoad('init();');" style="margin: 8px" style="display: none">
|
||||
<form onsubmit="insertTable();return false;" action="#">
|
||||
<body style="margin: 8px" style="display: none">
|
||||
<form onsubmit="mergeCells();return false;" action="#">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_merge_cells_title}</legend>
|
||||
<legend>{#table_dlg.merge_cells_title}</legend>
|
||||
<table border="0" cellpadding="0" cellspacing="3" width="100%">
|
||||
<tr>
|
||||
<td>{$lang_table_cols}:</td>
|
||||
<td align="right"><input type="text" name="numcols" value="" style="width: 30px" /></td>
|
||||
<td>
|
||||
<td>{#table_dlg.cols}:</td>
|
||||
<td align="right"><input type="text" name="numcols" value="" class="number min1 mceFocus" style="width: 30px" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{$lang_table_rows}:</td>
|
||||
<td align="right"><input type="text" name="numrows" value="" style="width: 30px" /></td>
|
||||
<td>{#table_dlg.rows}:</td>
|
||||
<td align="right"><input type="text" name="numrows" value="" class="number min1" style="width: 30px" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<div style="float: left">
|
||||
<input type="button" id="insert" name="insert" value="{$lang_update}" onclick="mergeCells();" />
|
||||
<input type="submit" id="insert" name="insert" value="{#update}" />
|
||||
</div>
|
||||
|
||||
<div style="float: right">
|
||||
<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" />
|
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -1,74 +1,76 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_table_row_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/row.js"></script>
|
||||
<title>{#table_dlg.row_title}</title>
|
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
||||
<script type="text/javascript" src="js/row.js"></script>
|
||||
<link href="css/row.css" rel="stylesheet" type="text/css" />
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body id="tablerow" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
|
||||
<body id="tablerow" style="display: none">
|
||||
<form onsubmit="updateAction();return false;">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_table_general_tab}</a></span></li>
|
||||
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{$lang_table_advanced_tab}</a></span></li>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#table_dlg.general_tab}</a></span></li>
|
||||
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#table_dlg.advanced_tab}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="general_panel" class="panel current">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_general_props}</legend>
|
||||
<legend>{#table_dlg.general_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="4" cellspacing="0">
|
||||
<tr>
|
||||
<td><label for="rowtype">{$lang_table_rowtype}</label></td>
|
||||
<td><label for="rowtype">{#table_dlg.rowtype}</label></td>
|
||||
<td class="col2">
|
||||
<select id="rowtype" name="rowtype">
|
||||
<option value="thead">{$lang_table_thead}</option>
|
||||
<option value="tbody">{$lang_table_tbody}</option>
|
||||
<option value="tfoot">{$lang_table_tfoot}</option>
|
||||
<select id="rowtype" name="rowtype" class="mceFocus">
|
||||
<option value="thead">{#table_dlg.thead}</option>
|
||||
<option value="tbody">{#table_dlg.tbody}</option>
|
||||
<option value="tfoot">{#table_dlg.tfoot}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="align">{$lang_table_align}</label></td>
|
||||
<td><label for="align">{#table_dlg.align}</label></td>
|
||||
<td class="col2">
|
||||
<select id="align" name="align">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="center">{$lang_table_align_middle}</option>
|
||||
<option value="left">{$lang_table_align_left}</option>
|
||||
<option value="right">{$lang_table_align_right}</option>
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="center">{#table_dlg.align_middle}</option>
|
||||
<option value="left">{#table_dlg.align_left}</option>
|
||||
<option value="right">{#table_dlg.align_right}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="valign">{$lang_table_valign}</label></td>
|
||||
<td><label for="valign">{#table_dlg.valign}</label></td>
|
||||
<td class="col2">
|
||||
<select id="valign" name="valign">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="top">{$lang_table_align_top}</option>
|
||||
<option value="middle">{$lang_table_align_middle}</option>
|
||||
<option value="bottom">{$lang_table_align_bottom}</option>
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="top">{#table_dlg.align_top}</option>
|
||||
<option value="middle">{#table_dlg.align_middle}</option>
|
||||
<option value="bottom">{#table_dlg.align_bottom}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr id="styleSelectRow">
|
||||
<td><label for="class">{$lang_class_name}</label></td>
|
||||
<td><label for="class">{#class_name}</label></td>
|
||||
<td class="col2">
|
||||
<select id="class" name="class">
|
||||
<option value="" selected="selected">{$lang_not_set}</option>
|
||||
<select id="class" name="class" class="mceEditableSelect">
|
||||
<option value="" selected="selected">{#not_set}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="height">{$lang_table_height}</label></td>
|
||||
<td><label for="height">{#table_dlg.height}</label></td>
|
||||
<td class="col2"><input name="height" type="text" id="height" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -77,39 +79,39 @@
|
||||
|
||||
<div id="advanced_panel" class="panel">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_advanced_props}</legend>
|
||||
<legend>{#table_dlg.advanced_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4">
|
||||
<tr>
|
||||
<td class="column1"><label for="id">{$lang_table_id}</label></td>
|
||||
<td class="column1"><label for="id">{#table_dlg.id}</label></td>
|
||||
<td><input id="id" name="id" type="text" value="" style="width: 200px" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="style">{$lang_table_style}</label></td>
|
||||
<td><label for="style">{#table_dlg.style}</label></td>
|
||||
<td><input type="text" id="style" name="style" value="" style="width: 200px;" onchange="changedStyle();" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="dir">{$lang_table_langdir}</label></td>
|
||||
<td class="column1"><label for="dir">{#table_dlg.langdir}</label></td>
|
||||
<td>
|
||||
<select id="dir" name="dir" style="width: 200px">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="ltr">{$lang_table_ltr}</option>
|
||||
<option value="rtl">{$lang_table_rtl}</option>
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="ltr">{#table_dlg.ltr}</option>
|
||||
<option value="rtl">{#table_dlg.rtl}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="lang">{$lang_table_langcode}</label></td>
|
||||
<td class="column1"><label for="lang">{#table_dlg.langcode}</label></td>
|
||||
<td>
|
||||
<input id="lang" name="lang" type="text" value="" style="width: 200px" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="backgroundimage">{$lang_table_bgimage}</label></td>
|
||||
<td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
@@ -121,7 +123,7 @@
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="bgcolor">{$lang_table_bgcolor}</label></td>
|
||||
<td class="column1"><label for="bgcolor">{#table_dlg.bgcolor}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
@@ -139,19 +141,19 @@
|
||||
<div class="mceActionPanel">
|
||||
<div>
|
||||
<select id="action" name="action">
|
||||
<option value="row">{$lang_table_row_row}</option>
|
||||
<option value="odd">{$lang_table_row_odd}</option>
|
||||
<option value="even">{$lang_table_row_even}</option>
|
||||
<option value="all">{$lang_table_row_all}</option>
|
||||
<option value="row">{#table_dlg.row_row}</option>
|
||||
<option value="odd">{#table_dlg.row_odd}</option>
|
||||
<option value="even">{#table_dlg.row_even}</option>
|
||||
<option value="all">{#table_dlg.row_all}</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div style="float: left">
|
||||
<div><input type="button" id="insert" name="insert" value="{$lang_update}" onclick="updateAction();" /></div>
|
||||
<div><input type="submit" id="insert" name="insert" value="{#update}" /></div>
|
||||
</div>
|
||||
|
||||
<div style="float: right">
|
||||
<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" />
|
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
146
source/web/scripts/tiny_mce/plugins/table/table.htm
vendored
146
source/web/scripts/tiny_mce/plugins/table/table.htm
vendored
@@ -1,108 +1,103 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>{$lang_table_title}</title>
|
||||
<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="jscripts/table.js"></script>
|
||||
<title>{#table_dlg.title}</title>
|
||||
<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script type="text/javascript" src="../../utils/mctabs.js"></script>
|
||||
<script type="text/javascript" src="../../utils/form_utils.js"></script>
|
||||
<script type="text/javascript" src="../../utils/validate.js"></script>
|
||||
<script type="text/javascript" src="../../utils/editable_selects.js"></script>
|
||||
<script type="text/javascript" src="js/table.js"></script>
|
||||
<link href="css/table.css" rel="stylesheet" type="text/css" />
|
||||
<base target="_self" />
|
||||
</head>
|
||||
<body id="table" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
|
||||
<body id="table" style="display: none">
|
||||
<form onsubmit="insertTable();return false;" action="#">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{$lang_table_general_tab}</a></span></li>
|
||||
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{$lang_table_advanced_tab}</a></span></li>
|
||||
<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#table_dlg.general_tab}</a></span></li>
|
||||
<li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#table_dlg.advanced_tab}</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="panel_wrapper">
|
||||
<div id="general_panel" class="panel current">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_general_props}</legend>
|
||||
|
||||
<legend>{#table_dlg.general_props}</legend>
|
||||
<table border="0" cellpadding="4" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td><label id="colslabel" for="cols">{$lang_table_cols}</label></td>
|
||||
<td><input id="cols" name="cols" type="text" value="" size="3" maxlength="3" /></td>
|
||||
<td><label id="rowslabel" for="rows">{$lang_table_rows}</label></td>
|
||||
<td><input id="rows" name="rows" type="text" value="" size="3" maxlength="3" /></td>
|
||||
<td><label id="colslabel" for="cols">{#table_dlg.cols}</label></td>
|
||||
<td><input id="cols" name="cols" type="text" value="" size="3" maxlength="3" class="required number min1 mceFocus" /></td>
|
||||
<td><label id="rowslabel" for="rows">{#table_dlg.rows}</label></td>
|
||||
<td><input id="rows" name="rows" type="text" value="" size="3" maxlength="3" class="required number min1" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label id="cellpaddinglabel" for="cellpadding">{$lang_table_cellpadding}</label></td>
|
||||
<td><input id="cellpadding" name="cellpadding" type="text" value="" size="3" maxlength="3" /></td>
|
||||
<td><label id="cellspacinglabel" for="cellspacing">{$lang_table_cellspacing}</label></td>
|
||||
<td><input id="cellspacing" name="cellspacing" type="text" value="" size="3" maxlength="3" /></td>
|
||||
<td><label id="cellpaddinglabel" for="cellpadding">{#table_dlg.cellpadding}</label></td>
|
||||
<td><input id="cellpadding" name="cellpadding" type="text" value="" size="3" maxlength="3" class="number" /></td>
|
||||
<td><label id="cellspacinglabel" for="cellspacing">{#table_dlg.cellspacing}</label></td>
|
||||
<td><input id="cellspacing" name="cellspacing" type="text" value="" size="3" maxlength="3" class="number" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label id="alignlabel" for="align">{$lang_table_align}</label></td>
|
||||
<td><label id="alignlabel" for="align">{#table_dlg.align}</label></td>
|
||||
<td><select id="align" name="align">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="center">{$lang_table_align_middle}</option>
|
||||
<option value="left">{$lang_table_align_left}</option>
|
||||
<option value="right">{$lang_table_align_right}</option>
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="center">{#table_dlg.align_middle}</option>
|
||||
<option value="left">{#table_dlg.align_left}</option>
|
||||
<option value="right">{#table_dlg.align_right}</option>
|
||||
</select></td>
|
||||
<td><label id="borderlabel" for="border">{$lang_table_border}</label></td>
|
||||
<td><input id="border" name="border" type="text" value="" size="3" maxlength="3" onchange="changedBorder();" /></td>
|
||||
<td><label id="borderlabel" for="border">{#table_dlg.border}</label></td>
|
||||
<td><input id="border" name="border" type="text" value="" size="3" maxlength="3" onchange="changedBorder();" class="number" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label id="widthlabel" for="width">{$lang_table_width}</label></td>
|
||||
<td><input name="width" type="text" id="width" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
|
||||
<td><label id="heightlabel" for="height">{$lang_table_height}</label></td>
|
||||
<td><input name="height" type="text" id="height" value="" size="4" maxlength="4" onchange="changedSize();" /></td>
|
||||
<tr id="width_row">
|
||||
<td><label id="widthlabel" for="width">{#table_dlg.width}</label></td>
|
||||
<td><input name="width" type="text" id="width" value="" size="4" maxlength="4" onchange="changedSize();" class="size" /></td>
|
||||
<td><label id="heightlabel" for="height">{#table_dlg.height}</label></td>
|
||||
<td><input name="height" type="text" id="height" value="" size="4" maxlength="4" onchange="changedSize();" class="size" /></td>
|
||||
</tr>
|
||||
<tr id="styleSelectRow">
|
||||
<td><label id="classlabel" for="class">{$lang_class_name}</label></td>
|
||||
<td><label id="classlabel" for="class">{#class_name}</label></td>
|
||||
<td colspan="3">
|
||||
<select id="class" name="class">
|
||||
<option value="" selected>{$lang_not_set}</option>
|
||||
<select id="class" name="class" class="mceEditableSelect">
|
||||
<option value="" selected>{#not_set}</option>
|
||||
</select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="column1"><label for="caption">{#table_dlg.caption}</label></td>
|
||||
<td><input id="caption" name="caption" type="checkbox" class="checkbox" value="true" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div id="advanced_panel" class="panel">
|
||||
<fieldset>
|
||||
<legend>{$lang_table_advanced_props}</legend>
|
||||
<legend>{#table_dlg.advanced_props}</legend>
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="4">
|
||||
<tr>
|
||||
<td class="column1"><label for="id">{$lang_table_id}</label></td>
|
||||
<td class="column1"><label for="id">{#table_dlg.id}</label></td>
|
||||
<td><input id="id" name="id" type="text" value="" class="advfield" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="summary">{$lang_table_summary}</label></td>
|
||||
<td class="column1"><label for="summary">{#table_dlg.summary}</label></td>
|
||||
<td><input id="summary" name="summary" type="text" value="" class="advfield" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><label for="style">{$lang_table_style}</label></td>
|
||||
<td><label for="style">{#table_dlg.style}</label></td>
|
||||
<td><input type="text" id="style" name="style" value="" class="advfield" onchange="changedStyle();" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="dir">{$lang_table_langdir}</label></td>
|
||||
<td>
|
||||
<select id="dir" name="dir" class="advfield">
|
||||
<option value="">{$lang_not_set}</option>
|
||||
<option value="ltr">{$lang_table_ltr}</option>
|
||||
<option value="rtl">{$lang_table_rtl}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label id="langlabel" for="lang">{$lang_table_langcode}</label></td>
|
||||
<td class="column1"><label id="langlabel" for="lang">{#table_dlg.langcode}</label></td>
|
||||
<td>
|
||||
<input id="lang" name="lang" type="text" value="" class="advfield" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="backgroundimage">{$lang_table_bgimage}</label></td>
|
||||
<td class="column1"><label for="backgroundimage">{#table_dlg.bgimage}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
@@ -114,7 +109,50 @@
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="bordercolor">{$lang_table_bordercolor}</label></td>
|
||||
<td class="column1"><label for="frame">{#table_dlg.frame}</label></td>
|
||||
<td>
|
||||
<select id="frame" name="frame" class="advfield">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="void">{#table_dlg.rules_void}</option>
|
||||
<option value="above">{#table_dlg.rules_above}</option>
|
||||
<option value="below">{#table_dlg.rules_below}</option>
|
||||
<option value="hsides">{#table_dlg.rules_hsides}</option>
|
||||
<option value="lhs">{#table_dlg.rules_lhs}</option>
|
||||
<option value="rhs">{#table_dlg.rules_rhs}</option>
|
||||
<option value="vsides">{#table_dlg.rules_vsides}</option>
|
||||
<option value="box">{#table_dlg.rules_box}</option>
|
||||
<option value="border">{#table_dlg.rules_border}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="rules">{#table_dlg.rules}</label></td>
|
||||
<td>
|
||||
<select id="rules" name="rules" class="advfield">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="none">{#table_dlg.frame_none}</option>
|
||||
<option value="groups">{#table_dlg.frame_groups}</option>
|
||||
<option value="rows">{#table_dlg.frame_rows}</option>
|
||||
<option value="cols">{#table_dlg.frame_cols}</option>
|
||||
<option value="all">{#table_dlg.frame_all}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="dir">{#table_dlg.langdir}</label></td>
|
||||
<td>
|
||||
<select id="dir" name="dir" class="advfield">
|
||||
<option value="">{#not_set}</option>
|
||||
<option value="ltr">{#table_dlg.ltr}</option>
|
||||
<option value="rtl">{#table_dlg.rtl}</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="bordercolor">{#table_dlg.bordercolor}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
@@ -126,7 +164,7 @@
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="column1"><label for="bgcolor">{$lang_table_bgcolor}</label></td>
|
||||
<td class="column1"><label for="bgcolor">{#table_dlg.bgcolor}</label></td>
|
||||
<td>
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
@@ -143,11 +181,11 @@
|
||||
|
||||
<div class="mceActionPanel">
|
||||
<div style="float: left">
|
||||
<input type="button" id="insert" name="insert" value="{$lang_insert}" onclick="insertTable();" />
|
||||
<input type="submit" id="insert" name="insert" value="{#insert}" />
|
||||
</div>
|
||||
|
||||
<div style="float: right">
|
||||
<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onclick="tinyMCEPopup.close();" />
|
||||
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
Reference in New Issue
Block a user