Using the Wiris editor within a Web Component

允我心安 提交于 2019-12-24 18:58:06
问题 I have created a Web Component which hosts Wiris. However when the component is rendered the Wiris editor is (very) badly formed: You can see the issue live here. The code is as follows: class WirisComponent extends HTMLElement { constructor() { // Always call super first in constructor super(); // Create a shadow root var shadow = this.attachShadow( { mode: 'open' } ); // Create a div to host the Wiris editor var div = document.createElement('div'); div.id = 'editorContainer'; var

How to install CKEDITOR to angular project and add plugins

∥☆過路亽.° 提交于 2019-12-20 03:23:28
问题 I am trying to install ckeditor to my angular project. I already tried installing ckeditor4-angular via npm but was unable to find a way to add plugins like the WIRIS mathType. Please how can i install the editor to my angular project and as well install plugins? 回答1: Here is an issue regarding this https://github.com/ckeditor/ckeditor5-angular/issues/134. You need to create your custom CKEditor build and include necessary plugins into it. Here is the guide: https://ckeditor.com/docs

Wiris editor missing icons when used in React component

与世无争的帅哥 提交于 2019-12-11 17:45:57
问题 I am trying to use the Wiris mathematics editor within a React component. I am initialising the editor within the "componentDidMount" function: componentDidMount() { var script = document.createElement("script"); script.src = "https://www.wiris.net/demo/editor/editor"; var callback = function() { var editor = com.wiris.jsEditor.JsEditor.newInstance({ language: "en" }); editor.insertInto(document.getElementById("editorContainer")); }; script.onload = callback; document.head.appendChild(script)