leafer-ui icon indicating copy to clipboard operation
leafer-ui copied to clipboard

使用文本编辑器双击文本会换行显示,退出编辑又正常了

Open HangChengJian opened this issue 9 months ago • 4 comments

Image官方案例没有这个问题,但是我也是用最简单的 Text.one({ text: 'Action is the proper fruit of knowledge.', editable: true, fill: '#FFE04B', fontSize: 26, })添加的元素,也没有设置宽高

HangChengJian avatar May 07 '25 03:05 HangChengJian

之前的版本确实会有这问题,你升级到最新版本看看

Xdy1579883916 avatar May 07 '25 03:05 Xdy1579883916

之前的版本确实会有这问题,你升级到最新版本看看

就是在最新依赖版本下运行的都是 1.6.1

HangChengJian avatar May 07 '25 06:05 HangChengJian

那很遗憾,你需要自己捣鼓一下最小实现

可能是其他的配置导致了问题,又或许创建元素没有问题,但是实际上你修改了一些其他属性。

  1. 清理本地 node_modules, 重新安装依赖
  2. toJSON导处Text元素的实际属性是什么,如没有明显问题可以尝试下一步
  3. 简化你本地的编辑器配置,尝试找出原因,类似下面的代码

import { App, Text } from 'leafer-ui'
import '@leafer-in/editor'
import '@leafer-in/viewport'

const app = new App({ 
    view: window,
    editor: {}
})

app.tree.add(Text.one({
    text: 'Action is the proper fruit of knowledge.',
    editable: true,
    fill: '#FFE04B',
    fontSize: 26,
}))

Xdy1579883916 avatar May 07 '25 06:05 Xdy1579883916

那很遗憾,你需要自己捣鼓一下最小实现

可能是其他的配置导致了问题,又或许创建元素没有问题,但是实际上你修改了一些其他属性。

  1. 清理本地 node_modules, 重新安装依赖
  2. toJSON导处Text元素的实际属性是什么,如没有明显问题可以尝试下一步
  3. 简化你本地的编辑器配置,尝试找出原因,类似下面的代码

import { App, Text } from 'leafer-ui' import '@leafer-in/editor' import '@leafer-in/viewport'

const app = new App({ view: window, editor: {} })

app.tree.add(Text.one({ text: 'Action is the proper fruit of knowledge.', editable: true, fill: '#FFE04B', fontSize: 26, }))

非常感谢您的回答 我排查一下

HangChengJian avatar May 07 '25 07:05 HangChengJian