xamarin - 如何在 xamarin 表单中创建带或不带 Web View 的富文本框？

Question

我想在 xamarin 表单中创建一个带有或不带有 Web View 的富文本框。我尝试了很多例子，但没有一个对我有用。例子是

https://github.com/XAM-Consulting/TEditor

这个例子的问题是，它对我来说太慢了，而且它根本没有编辑我的文本。它多次崩溃。所以我试着按照这个例子

https://forums.xamarin.com/discussion/95318/rich-text-box-in-xamarin-forms

但是 Adam.Else 的代码给了我很多错误并且无法正常工作。我已经报告了 stackoverflow 中的错误。正如您在下面看到的这个链接-

Unhandled Exception: Xamarin.Forms.Xaml.XamlParseException: Position 12:21. StaticResource not found for key FromRTFConverter occurred

我不知道如何解决这个问题。有什么建议吗？

Answer 1

我是使用 WebView 完成的。首先，我下载了一个使用 HTML/CSS 和 JavaScript 创建的富文本框。 This is the link对于我将在我的 xamarin 表单应用程序中用作 Web View 的富文本框。

MainPage.xaml

<StackLayout>
        <!-- Place new controls here -->

        <WebView x:Name="MyWebView"  VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" />
    </StackLayout>

MainPage.xaml.cs

 public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
            MyWebView.Source = new HtmlWebViewSource();
            MyWebView.Source = DependencyService.Get<IBaseUrl>().Get();
        }
    }

我创建了一个名为 IBaseUrl 的接口(interface)。这是我的代码

public interface IBaseUrl { string Get(); }

然后我在 Native 中创建了一个名为 BaseUrl_Android 的类，用于调用我放在 Android 的 Assets 文件夹中的 Html 文件。这是我的 BaseUrl_Android

代码

[assembly: Dependency(typeof(BaseUrl_Android))]
namespace webviewdemo.Droid
{
    public class BaseUrl_Android : IBaseUrl
    {
        public string Get()
        {
            return "file:///android_asset/fontawesome5.html";
        }
    }
}

在 Assets 文件夹中添加您的 HTML 和 JavaScript 文件。如果您对在 xamarin 表单中添加和使用 html 文件有任何疑问，请参阅 this link . 这就是您在 Xamarin Forms 中获得超棒的富文本框所需要做的一切。

这是我的富文本框的截图