WingDr / siyuan-plugin-enhance-editor

Enhance the math editor of SiYuan with snippets
MIT License
1 stars 0 forks source link

插件启用后会导致公式编辑窗口很小,且无法调整 #1

Closed QMike0 closed 3 weeks ago

QMike0 commented 3 weeks ago

如题,该插件启用后似乎会固定公式编辑窗口的大小,并替换公式输入界面右下角的缩放按钮,导致无法拖动缩放窗口大小:

另外,由于缩放按钮的替换,同时启用本插件和插件「siyuan-math-enhance」后,打开后者提供的数学虚拟按键就看不到缩放按钮了:

WingDr commented 3 weeks ago

初始化的窗口小确实是个问题,主要是我不太清楚原本打开的时候窗口是多大的,目前是参考原本编辑器的最小宽度设定的(就是内容没撑开的时候初始化就是最小宽度)

无法缩放确实是个问题。右下角那个就是替换的原来的缩放按钮(原来那个是textarea原生的,但是div没有这种东西,只能自己搓一个),你看下鼠标移动到上面的时候会不会变成拉伸箭头的形状 微信图片_20241028121032

另外可以用ctr+shift+i打开控制台看下有无报错,可能是没监听到对应元素

WingDr commented 3 weeks ago

拖动手柄的位置我再研究一下样式怎么写,最好是能够和原来保持一致

WingDr commented 3 weeks ago

我感觉我应该是定位到了问题,修改了一下并重新推送了,麻烦看下0.0.3版本有没有解决这个问题?

QMike0 commented 3 weeks ago

谢谢佬的回复。 试了一下v 0.0.3版本,现在缩放按钮位置是正常的了,鼠标悬浮上去也会显示拉伸箭头,但还是无法实现拖动以缩放窗口 image 控制台中对本插件的报错如下: image

初始化的窗口小确实是个问题,主要是我不太清楚原本打开的时候窗口是多大的,目前是参考原本编辑器的最小宽度设定的(就是内容没撑开的时候初始化就是最小宽度)

测试了一下,思源原生公式编辑器的最小宽度(即使编辑器缩小到比这个宽度更窄)也要比本插件现有默认宽度更宽,目测大概在1.8倍左右,建议可以根据这个宽度调整一下本插件规定的默认宽度,不然感觉有点影响「siyuan-math-enhance」数字虚拟按键的使用 image

WingDr commented 3 weeks ago

控制台中对本插件的报错如下: image

这个报错是math-enhance插件的报错,还有没有别的?或者最绝的方法,你用ctrl+shift+i打开控制台,然后控制台上面有个元素或者element的标签页点进去,再用最左上角的工具点一下,再点击编辑器角落那个小三角,下面应该会自动展开然后高亮这个元素对应的代码,点它。继续在右半边点击事件监听器,往下滑找到mousedown,点击展开,应该有一些div.protyle-util的东西,往下翻看看有没有像图里面这个div,然后后面是loader.ts演示

上面说的点击小三角的时候应该是这样的 选中小三角

点击这个loader.ts之后应该是这样的代码 image

测试了一下,思源原生公式编辑器的最小宽度(即使编辑器缩小到比这个宽度更窄)也要比本插件现有默认宽度更宽,目测大概在1.8倍左右,建议可以根据这个宽度调整一下本插件规定的默认宽度,不然感觉有点影响「siyuan-math-enhance」数字虚拟按键的使用

这个我搞定了,初始化的时候直接同步原本textarea的宽度就行,就没那么麻烦了

QMike0 commented 3 weeks ago

感谢手把手教学hhh

点击小三角的时候确实是显示如下参数: image 不过按照上述步骤操作后,并没有在div中找到loader.ts image

控制台中对本插件的报错如下: image

这个报错是每次重新加载界面,即重新加载插件系统后都会立刻报出的

WingDr commented 3 weeks ago

不过按照上述步骤操作后,并没有在div中找到loader.ts

oh no,这个问题太致命了,监听事件根本没挂上。我尝试修复,另外想请你试试把图里这些插件逐个关掉,看看是不是它们的问题 image

QMike0 commented 3 weeks ago

尝试只开本插件,出现了很神奇的现象。如图,div中依然没有loader.tsimage 但是此时小三角时可以拖动以缩放公式编辑窗口大小的

另外想请你试试把图里这些插件逐个关掉,看看是不是它们的问题

经过排查,似乎是与插件Misuzu存在冲突,启用该插件后,就会导致本插件公式编辑界面的小三角失效 注:不过即使关闭该插件,div中依然没有loader.ts

WingDr commented 3 weeks ago

经过排查,似乎是与插件Misuzu存在冲突,启用该插件后,就会导致本插件公式编辑界面的小三角失效 注:不过即使关闭该插件,div中依然没有loader.ts

关闭这个插件之后不一定会触发,要刷新一下思源(或者直接关掉再开启思源),然后再看看loader.ts有没有挂载上

QMike0 commented 3 weeks ago

关闭这个插件之后不一定会触发,要刷新一下思源(或者直接关掉再开启思源),然后再看看loader.ts有没有挂载上

嗯嗯,已经尝试了

  1. 只开本插件,关闭重启思源
  2. 单独关闭插件Misuzu而启动其他插件,关闭重启思源

得到的div都是没有loader.ts的,但小三角的拖动生效

WingDr commented 3 weeks ago

嗯嗯,已经尝试了

  1. 只开本插件,关闭重启思源
  2. 单独关闭插件Misuzu而启动其他插件,关闭重启思源

得到的div都是没有loader.ts的,但小三角的拖动生效

小三角的拖动生效就说明没问题,这个Misuzu有什么比较重要的功能吗?他的代码我研究不明白orz

QMike0 commented 3 weeks ago

image image

主要在用它的这个功能,代码块填写语言类型的时候会方便一些

冲突的话,我打算先把它关闭了hh,用的时候再开

QMike0 commented 3 weeks ago

佬辛苦了哈,修了一下午bug hhhh

WingDr commented 3 weeks ago

image image

主要在用它的这个功能,代码块填写语言类型的时候会方便一些

冲突的话,我打算先把它关闭了hh,用的时候再开

okk,我在readme里注明一下,我简单看了一下,大概是被他的一个全局的鼠标事件触发拦截了,可能那边有些特殊需求吧

WingDr commented 3 weeks ago

佬辛苦了哈,修了一下午bug hhhh

没事,我也在de其他的bug,甚至顺带去修改了一下math-enhance插件的东西,待会儿去提pull request hhh

QMike0 commented 3 weeks ago

没事,我也在de其他的bug,甚至顺带去修改了一下math-enhance插件的东西,待会儿去提pull request hhh

牛蛙