hookehuyr

fix 表格控制优化

<!--
* @Date: 2024-07-12 13:28:27
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-02 13:51:12
* @LastEditTime: 2024-08-06 18:01:50
* @FilePath: /data-table/src/components/TEditor/index.vue
* @Description: 文件描述
-->
......@@ -206,9 +206,11 @@ const tinymceOptions = {
// plugins: 'searchreplace autoresize link image code',
plugins: 'searchreplace autoresize link image code table',
autoresize_bottom_margin: 100,
menubar: 'edit view insert format tools',
menubar: 'none',
// fontselect fontsizeselect
toolbar: 'table', // 工具栏显示
// toolbar: 'table', // 工具栏显示
toolbar: '', // 工具栏显示
table_toolbar: 'tableinsertrowbefore', // table_toolbar 配置
width: $('.table-field-page').width() + 'px',
paste_data_images: false, //允许粘贴图像
min_height: 300,
......@@ -233,6 +235,13 @@ const tinymceOptions = {
// // tinymce 使用 <iframe> 实现功能,当点击 tinymce 的输入框时应该让表单设计器选中对应的字段,
// // 所以需要把点击事件转发给 iframe 外面的 textarea
// document.getElementById(editor.id).click();
// let root = $('.tox.tox-silver-sink.tox-tinymce-aux').find('.tox-pop__dialog')
// nextTick(() => {
// setTimeout(() => {
// console.warn(root);
// }, 1000);
// })
// });
// 初始化实例
handleSetContent(props.table_html);
......@@ -324,8 +333,9 @@ defineExpose({
<style lang="less" scoped>
:deep(.tox-tinymce) {
border: 1px solid #dcdfe6;
border-radius: 4px;
// border: 1px solid #dcdfe6;
// border-radius: 4px;
border: 0;
.tox-statusbar {
display: none;
......
<!--
* @Date: 2022-08-29 14:31:20
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-06 11:51:06
* @LastEditTime: 2024-08-06 18:02:22
* @FilePath: /data-table/src/components/TableField/index.vue
* @Description: 表格组件
-->
......@@ -189,13 +189,13 @@ defineExpose({ validTableEditor });
font-size: 0.9rem;
font-weight: bold;
}
padding: 1rem;
// padding: 1rem;
}
.tinymce-box {
// width: 100%;
display: block;
margin-top: 1rem;
// margin-top: 1rem;
}
:deep(.table-wrapper) {
......