Flutter 有没有办法在FlatterWebView中导入外部脚本_Flutter_Webview_Flutterwebviewplugin

Flutter 有没有办法在FlatterWebView中导入外部脚本

flutter webview

Flutter 有没有办法在FlatterWebView中导入外部脚本,flutter,webview,flutterwebviewplugin,Flutter,Webview,Flutterwebviewplugin,我试图将一个外部脚本加载到FlatterWebView中，但它似乎不起作用。特别是关于tinyMCE的。因此，我们的目的是在内部带有WebView的AlertDialog中打开一个富文本编辑器。可能吗以下是我的html： <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.2.1/tinymce.min.js"></script> </h

我试图将一个外部脚本加载到FlatterWebView中，但它似乎不起作用。特别是关于tinyMCE的。因此，我们的目的是在内部带有WebView的AlertDialog中打开一个富文本编辑器。可能吗

以下是我的html：

<html>
<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.2.1/tinymce.min.js"></script>
</head>
<body>
<textarea id="test"></textarea>
<script>
  tinymce.init({
    selector: 'textarea#test',
    height: 500,
    menubar: false,
    plugins: [
      'advlist autolink lists link image charmap print preview anchor',
      'searchreplace visualblocks code fullscreen',
      'insertdatetime media table paste code help wordcount'
    ],
    toolbar: 'undo redo | formatselect | ' +
    'bold italic backcolor | alignleft aligncenter ' +
    'alignright alignjustify | bullist numlist outdent indent | ' +
    'removeformat | help',
  });
</script>
</body>
</html>

任何帮助都将不胜感激。谢谢

要使

TinyMCE

正常工作，您还需要在HTML的开头添加

（请参阅）

如果我的插件不适用于

webview\u flatter

，你也可以试试我的插件。它是一个flatter插件，允许您添加内联网络视图或打开应用程序内浏览器窗口，并具有许多事件、方法和选项来控制网络视图

下面是一个使用

initialData:InAppWebViewInitialData（）

属性在WebView中插入初始HTML字符串的示例：

导入'dart:async'；
进口“包装：颤振/材料.省道”；
导入“包：flatter_inappwebview/flatter_inappwebview.dart”；
Future main（）异步{
WidgetsFlutterBinding.ensureInitialized（）；
runApp（新的MyApp（））；
}
类MyApp扩展了StatefulWidget{
@凌驾
_MyAppState createState（）=>new_MyAppState（）；
}
类MyAppState扩展了状态{
inappwebview控制器webView；
@凌驾
void initState（）{
super.initState（）；
}
@凌驾
无效处置（）{
super.dispose（）；
}
@凌驾
小部件构建（构建上下文）{
返回材料PP(
家：脚手架(
appBar:appBar(
标题：const Text（'InAppWebView示例'），
),
主体：容器(
子项：列（子项：[
扩大(
子：InAppWebView(
initialData:InAppWebViewInitialData（数据：“”
tinymce.init({
选择器：“文本区域#测试”，
身高：500，
梅努巴：错，
插件：[
'advlist autolink列出链接图像charmap打印预览锚'，
“searchreplace visualblocks代码全屏显示”，
“insertdatetime媒体表粘贴代码帮助wordcount”
],
工具栏：“撤消重做|格式化选择|”+
“粗体斜体背景色|左对齐居中”+
“alignright alignjustify | bullist numlist outdent indent |”+
“removeformat | help”，
});
"""),
initialHeaders:{}，
initialOptions:InAppWebViewGroupOptions(
跨平台：InAppWebViewOptions(
debuggingEnabled:true，
),
android:AndroidAppWebViewOptions(
内置oomcontrols：true
)
),
onWebViewCreated:（InAppWebViewController）{
网络视图=控制器；
},
onLoadStart:（InAppWebViewController控制器，字符串url）{
},
onLoadStop:（InAppWebViewController控制器，字符串url）{
}
))
])),
),
);
}
}

截图：

要使

TinyMCE