el-text-editor 0.0.30 → 0.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -772,20 +772,41 @@ class ElTextEditorComponent {
772
772
  reader.readAsDataURL(file);
773
773
  }
774
774
  }
775
+ // addTable() {
776
+ // const tableWidth = 825; // Table width in pixels
777
+ // const cols = 3; // Number of columns
778
+ // const cellMinWidth = tableWidth / cols; // Calculate minimum width for each cell
779
+ // let table = `<br /><table style="width: ${tableWidth}px;">`;
780
+ // for (let i = 0; i < 3; i++) { // Number of rows
781
+ // table += '<tr >';
782
+ // for (let j = 0; j < cols; j++) {
783
+ // table += `<td style=" word-wrap: break-word; word-break: break-all; white-space: normal; min-width: ${cellMinWidth}px;">&nbsp;</td>`;
784
+ // }
785
+ // table += '</tr>';
786
+ // }
787
+ // table += '</table><br/ >';
788
+ // // document.execCommand('insertHTML', false, table);
789
+ // const editor = document.getElementById('editor');
790
+ // if (editor) {
791
+ // editor.focus();
792
+ // document.execCommand('insertHTML', false, table);
793
+ // }
794
+ // this.tableAdded = true;
795
+ // this.checkTableSelection();
796
+ // }
775
797
  addTable() {
776
798
  const tableWidth = 825; // Table width in pixels
777
799
  const cols = 3; // Number of columns
778
800
  const cellMinWidth = tableWidth / cols; // Calculate minimum width for each cell
779
801
  let table = `<br /><table style="width: ${tableWidth}px;">`;
780
802
  for (let i = 0; i < 3; i++) { // Number of rows
781
- table += '<tr class="table-border-bottom table-border-top vertical-align-middle">';
803
+ table += '<tr style="border-bottom: 1px solid #000;">'; // Add border-bottom to the row
782
804
  for (let j = 0; j < cols; j++) {
783
- table += `<td class=" table-border-bottom" style=" word-wrap: break-word; word-break: break-all; white-space: normal; min-width: ${cellMinWidth}px;">&nbsp;</td>`;
805
+ table += `<td style="word-wrap: break-word; word-break: break-all; white-space: normal; min-width: ${cellMinWidth}px;">&nbsp;</td>`;
784
806
  }
785
807
  table += '</tr>';
786
808
  }
787
- table += '</table><br/ >';
788
- // document.execCommand('insertHTML', false, table);
809
+ table += '</table><br/>';
789
810
  const editor = document.getElementById('editor');
790
811
  if (editor) {
791
812
  editor.focus();
@@ -833,13 +854,23 @@ class ElTextEditorComponent {
833
854
  onBlur() {
834
855
  this.checkPlaceholder();
835
856
  }
857
+ // addRow() {
858
+ // if (this.selectedTable) {
859
+ // let row = this.selectedTable.insertRow();
860
+ // for (let i = 0; i < this.selectedTable.rows[0].cells.length; i++) {
861
+ // let cell = row.insertCell(i);
862
+ // cell.innerHTML = '&nbsp;';
863
+ // cell.style.border = '1px solid black';
864
+ // }
865
+ // }
866
+ // }
836
867
  addRow() {
837
868
  if (this.selectedTable) {
838
869
  let row = this.selectedTable.insertRow();
870
+ row.style.borderBottom = '1px solid black'; // Add bottom border to the row
839
871
  for (let i = 0; i < this.selectedTable.rows[0].cells.length; i++) {
840
872
  let cell = row.insertCell(i);
841
873
  cell.innerHTML = '&nbsp;';
842
- cell.style.border = '1px solid black';
843
874
  }
844
875
  }
845
876
  }
@@ -888,6 +919,28 @@ class ElTextEditorComponent {
888
919
  // }
889
920
  // }
890
921
  // }
922
+ // addColumn() {
923
+ // if (this.selectedTable) {
924
+ // const columnCount = this.selectedTable.rows[0].cells.length + 1; // New column count
925
+ // const tableWidth = this.selectedTable.offsetWidth;
926
+ // const minWidth = tableWidth / columnCount;
927
+ // for (let i = 0; i < this.selectedTable.rows.length; i++) {
928
+ // let cell = this.selectedTable.rows[i].insertCell(-1);
929
+ // cell.innerHTML = '&nbsp;';
930
+ // cell.style.border = '1px solid black';
931
+ // cell.style.minWidth = `${minWidth}px`;
932
+ // cell.style.wordWrap = 'break-word';
933
+ // cell.style.wordBreak = 'break-all';
934
+ // cell.style.whiteSpace = 'normal';
935
+ // }
936
+ // // Update existing cells' minWidth
937
+ // for (let i = 0; i < this.selectedTable.rows.length; i++) {
938
+ // for (let j = 0; j < this.selectedTable.rows[i].cells.length; j++) {
939
+ // this.selectedTable.rows[i].cells[j].style.minWidth = `${minWidth}px`;
940
+ // }
941
+ // }
942
+ // }
943
+ // }
891
944
  addColumn() {
892
945
  if (this.selectedTable) {
893
946
  const columnCount = this.selectedTable.rows[0].cells.length + 1; // New column count
@@ -896,17 +949,14 @@ class ElTextEditorComponent {
896
949
  for (let i = 0; i < this.selectedTable.rows.length; i++) {
897
950
  let cell = this.selectedTable.rows[i].insertCell(-1);
898
951
  cell.innerHTML = '&nbsp;';
899
- cell.style.border = '1px solid black';
900
- cell.style.minWidth = `${minWidth}px`;
901
952
  cell.style.wordWrap = 'break-word';
902
953
  cell.style.wordBreak = 'break-all';
903
954
  cell.style.whiteSpace = 'normal';
955
+ cell.style.minWidth = `${minWidth}px`;
904
956
  }
905
- // Update existing cells' minWidth
957
+ // Update existing rows' bottom border
906
958
  for (let i = 0; i < this.selectedTable.rows.length; i++) {
907
- for (let j = 0; j < this.selectedTable.rows[i].cells.length; j++) {
908
- this.selectedTable.rows[i].cells[j].style.minWidth = `${minWidth}px`;
909
- }
959
+ this.selectedTable.rows[i].style.borderBottom = '1px solid black';
910
960
  }
911
961
  }
912
962
  }