Red de conocimiento informático - Problemas con los teléfonos móviles - Cómo configurar el grosor del borde de la tabla en ueditor

Cómo configurar el grosor del borde de la tabla en ueditor

El editor ueditor de Baidu insertó una tabla. Durante el proceso de edición, había una tabla, pero después de guardar, la página principal no tenía bordes ni color. Después de buscar el código fuente durante mucho tiempo, finalmente lo resolví.

1. Abra el archivo ueditor.all.js en el directorio raíz del editor y busque:

for (var c = 0; c lt; colsNum; c) {

html.push('lt;td width="'" tdWidth '") {

2. tdWidth '" vAlign="' opt.tdvalign '" gt;' domUtils.fillChar: 'lt;br/gt;') 'lt;/tdgt;')

}

Cambiar a:

para (var c = 0; c lt; colsNum; c ) {

html.push('lt; td style = "borde: 1px solid #ccc;" width="') tdWidth '" vAlign="' opt.tdvalign '"gt;' (browser.ie ? domUtils.fillChar: 'lt;br/gt;') 'lt;/tdgt;')

}

Código Puede variar ligeramente en diferentes versiones.

2. Busque en el archivo ueditor.all.js: table.setAttribute("data-sort", cmd == "enablesort" ? "sortEnabled": "sortDisabled"); agregue debajo de este código una línea; : table.setAttribute("style", "border-collapse: colapso;");

3. Encontrado en el archivo editor.all.js: devuelve 'lt;tablegt;lt;tbodygt;' .join('') 'lt;/tbodygt;lt;/tablegt;' Cambiar a: return 'lt;table style="border-collapse:collapse;");

3. en el archivo .all.js. "gt;lt;tbodygt;' html.join('') 'lt;/tbodygt;lt;/tablegt;' .

En este punto, actualice el fondo nuevamente, inserte una tabla y Estará allí Borde. Debido a que el cambio es ueditor.all.js, tendrá efecto si se llama a ueditor.all.js. Si se llama a ueditor.all.min.js, el archivo ueditor.all.min.js debe. cambiarse

Después de descubrir estos tres fragmentos de código, si desea agregar algunos efectos de estilo nuevos, puede modificarlos directamente en estos lugares