如何从反应原生包中禁用羽毛笔编辑器的自动缩放?

Posted

技术标签:

【中文标题】如何从反应原生包中禁用羽毛笔编辑器的自动缩放?【英文标题】:How to disable auto zoom in quill editor from react native package? 【发布时间】:2020-06-03 09:56:42 【问题描述】:

我正在尝试将 quill 编辑器集成到我的 react-native 应用程序中。我在用 react-native-webview-quilljs 包。

https://github.com/reggie3/react-native-webview-quilljs

<WebViewQuillJS
   defaultContent="sdfsd"
   backgroundColor="#FAEBD7"
/>

我面临的问题是当我点击编辑器输入时编辑器正在放大。此行为将编辑器的某些部分从屏幕右侧移出,并且必须滚动。此行为仅在 ios 平台中可见,而在 android 中不可见。

【问题讨论】:

【参考方案1】:

我找到了一个可能不是好方法的解决方法。 在下面给出的路径中的 index.html 中,我更改了元标记

node_modules > react-native-webview-quilljs > assets > index.html

从这里

<meta name="viewport" content="width=device-width,initial-scale=1"/>

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">

如果有其他解决方案,欢迎

【讨论】:

非常感谢它帮助我处理 react js 以及 react quill

以上是关于如何从反应原生包中禁用羽毛笔编辑器的自动缩放?的主要内容,如果未能解决你的问题,请参考以下文章

如何在Angular2中使禁用的反应形式可编辑

Quill 编辑器 - 在 quill 编辑器中的光标处插入内容

WKWebView 禁用缩放和快速编辑

如何在本机反应中禁用文本输入的字体缩放(可访问性的动态类型)?

如何在 Visual Studio 2010 中禁用 Ctrl+滚动缩放?

反应原生viewPager如何禁用边缘到边缘