diff --git a/src/editor/assets/css/index.css b/src/editor/assets/css/index.css index 194c682..0a20e44 100644 --- a/src/editor/assets/css/index.css +++ b/src/editor/assets/css/index.css @@ -1,5 +1,5 @@ .inputarea { - width: 1px; + width: 0; height: 12px; min-width: 0; min-height: 0; diff --git a/src/editor/core/draw/Draw.ts b/src/editor/core/draw/Draw.ts index b8729c8..7ac4504 100644 --- a/src/editor/core/draw/Draw.ts +++ b/src/editor/core/draw/Draw.ts @@ -375,7 +375,11 @@ export class Draw { // 选区绘制 const { startIndex, endIndex } = this.range.getRange() if (startIndex !== endIndex && startIndex < index && index <= endIndex) { - this.range.render(ctx, x, y, metrics.width, curRow.height) + let width = metrics.width + if (width === 0 && curRow.elementList.length === 1) { + width = this.options.rangeMinWidth + } + this.range.render(ctx, x, y, width, curRow.height) } index++ x += metrics.width diff --git a/src/editor/index.ts b/src/editor/index.ts index 6c52af4..001fd6d 100644 --- a/src/editor/index.ts +++ b/src/editor/index.ts @@ -30,6 +30,7 @@ export default class Editor { strikeoutColor: '#FF0000', rangeAlpha: 0.6, rangeColor: '#AECBFA', + rangeMinWidth: 5, searchMatchAlpha: 0.6, searchMatchColor: '#FFFF00', highlightAlpha: 0.6, diff --git a/src/editor/interface/Editor.ts b/src/editor/interface/Editor.ts index 5ae1474..e02b47c 100644 --- a/src/editor/interface/Editor.ts +++ b/src/editor/interface/Editor.ts @@ -12,6 +12,7 @@ export interface IEditorOption { strikeoutColor?: string; rangeColor?: string; rangeAlpha?: number; + rangeMinWidth?: number; searchMatchColor?: string; searchMatchAlpha?: number; highlightAlpha?: number;