Mobile platform HTML editing using Xamarin.Forms.Webview.EvaluateJavaScriptAsync()
<!DOCTYPE html>
<html>
<head>
<link href="kendo.common.min.css" rel="stylesheet">
<link href="kendo.rtl.min.css" rel="stylesheet">
<link href="kendo.default.min.css" rel="stylesheet">
<link href="kendo.default.mobile.min.css" rel="stylesheet">
<script src="jquery.min.js"></script>
<script src="jszip.min.js"></script>
<script src="kendo.all.min.js"></script>
<script src="console.js"></script>
<script>
</script>
</head>
<body>
<div id="example">
<textarea id="editor">Default text to be replaced</textarea>
<script>
$("#editor").kendoEditor({
tools: [
"bold",
"italic",
"underline"
],
resizable: {
toolbar: true
}
});
</script>
</div>
</body>
</html>
When injecting the above KendoEditor script into the Xamarin.Forms.Webview.EvaluateJavaScriptAsync() after replacing the “Default text..” with an HTML string containing embedded Base64 images, I am finding that it takes a long period of time before the editor is rendered. The HTML contains 3 images each around 3Mb in size. Loading the same HTML containing base64 images in a web application using the KendoEditor is a lot quicker. Has anyone else used the KendoEditor in this way on the mobile platform, and can give any insight as to why the rendering is taking so long?
<!DOCTYPE html>
<html>
<head>
<link href="kendo.common.min.css" rel="stylesheet">
<link href="kendo.rtl.min.css" rel="stylesheet">
<link href="kendo.default.min.css" rel="stylesheet">
<link href="kendo.default.mobile.min.css" rel="stylesheet">
<script src="jquery.min.js"></script>
<script src="jszip.min.js"></script>
<script src="kendo.all.min.js"></script>
<script src="console.js"></script>
<script>
</script>
</head>
<body>
<div id="example">
<textarea id="editor">Default text to be replaced</textarea>
<script>
$("#editor").kendoEditor({
tools: [
"bold",
"italic",
"underline"
],
resizable: {
toolbar: true
}
});
</script>
</div>
</body>
</html>
When injecting the above KendoEditor script into the Xamarin.Forms.Webview.EvaluateJavaScriptAsync() after replacing the “Default text..” with an HTML string containing embedded Base64 images, I am finding that it takes a long period of time before the editor is rendered. The HTML contains 3 images each around 3Mb in size. Loading the same HTML containing base64 images in a web application using the KendoEditor is a lot quicker. Has anyone else used the KendoEditor in this way on the mobile platform, and can give any insight as to why the rendering is taking so long?