javascript - Using the Wiris editor within a Web Component -


i have created web component hosts wiris. when component rendered wiris editor (very) badly formed:

enter image description here

you can see issue live here.

the code follows:

class wiriscomponent extends htmlelement {  constructor() {   // call super first in constructor   super();    // create shadow root   var shadow = this.attachshadow( { mode: 'open' } );    // create div host wiris editor   var div = document.createelement('div');   div.id = 'editorcontainer';    var wirisdefaultconfig = {     'language': 'en'   };    var editor = com.wiris.jseditor.jseditor.newinstance(wirisdefaultconfig);    // insert wiris instance div   editor.insertinto(div);          // append shadow route   shadow.appendchild(div);  } }  // define new element customelements.define('wiris-component', wiriscomponent);

and html mark-up is:

<wiris-component></wiris-component>

note i've tried in chrome have full support web components.

any idea problem is? problem related styling issue found in this issue?

don't use shadow dom: styles imported library not working it.

class wiriscomponent extends htmlelement {    connectedcallback() {      var wirisdefaultconfig = {        'language': 'en'      };        var editor = com.wiris.jseditor.jseditor.newinstance(wirisdefaultconfig);      editor.insertinto(this);    }  }    // define new element  customelements.define('wiris-component', wiriscomponent);
<script src="https://www.wiris.net/demo/editor/editor"></script>  <wiris-component></wiris-component>


Comments

Post a Comment

Popular posts from this blog

PHP and MySQL WP -

i trying accomplish 2 things here code. writing php directly wp page using insert php plugin. 1) query mysql database , return results 1 column 4 columns. 2) make each result own hyperlink directs user new wp page runs new query on page. i able query show results , turn results dynamic hyperlink, cannot formatting down. right returns result 1 column. here have: [insert_php] $servername = "localhost"; $username = "login"; //edited privacy $password = "password"; //edited privacy $database = "database"; //edited privacy // create connection $conn = new mysqli($servername, $username, $password, $database); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } echo "connected successfully"; //get results database $result = mysqli_query($conn,"select mine mines order mine"); $all_property = array(); //declare array saving property //showing proper...
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

go - golang pprof for c library code -

i have been trying profile golang application pprof, seems details of c code(linked static library) missed in output result. flame graph from frame graph can see c code time consuming reported within "runtime._externalcode", no details @ all. , sure static library compiled debug enable. so there way make pprof details(like stack trace) of 3rd party c code? or there other golang profiling tool this?
Read more