jamlin-editor-webcomponent v0.5.3
jamlin-editor-webcomponent
This is project contains Web Component that can be used to edit project_dictionary.json files generated by JaMLin.
How to use
JaMLin Editor web component can be placed into html as other web components - using special tag and related JS (+CSS file). See example in index.html
<html>
<head>
...
<!-- web component styles -->
<link rel="stylesheet" href="jamlin-editor-webcomponent/jamlin-editor-webcomponent.css">
</head>
<body>
...
<!-- web component HTML tag -->
<jamlin-editor-component splash="true" style="height: 100% ; display: block; position: relative;"></jamlin-editor-component>
...
<!-- web component script -->
<script type="module" crossorigin src="jamlin-editor-webcomponent/jamlin-editor-webcomponent.js"></script>
</body>
</html>Customize configuration
Attribute splash="true"
You can customize whether to display splash screen or not by setting tag's attribute splash="true" or splash="false". If you do not set value, it is displayed by default (true).
That also defines, if action "Save Translations JSON" downloads the file, or fires window event with JSON as content (if splash not defined true).
Attribute menu="true"
You can customize whether to display menu or not by setting tag's attribute menu="true" or menu="false". If you do not set value, it is displayed by default (true).
Styles
Web component comes with default css file for its content, that make it adjust to size you define for its wrapper tag. Because of this, wrapper tag itself should also have default styles - by default it's recommended to use height: 100%; display: block; position: relative;, but feel free to change by your needs.
License
This web component is published under the GPL-3.0 License by Wradgio.