mirror of https://github.com/jlelse/teleposter
74 lines
2.6 KiB
HTML
74 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
|
|
rel="stylesheet">
|
|
<link href="https://rawgit.com/summernote/summernote/master/dist/summernote.css"
|
|
rel="stylesheet">
|
|
<style> * { max-width: 100%; height: auto; word-break: break-all; word-break: break-word; }</style>
|
|
</head>
|
|
<body>
|
|
<div id="summernote" style="width:100%;height:100%"></div>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
<script src="https://rawgit.com/summernote/summernote/master/dist/summernote.min.js"></script>
|
|
<script>
|
|
function domToNode(domNode) {
|
|
if (domNode.nodeType == domNode.TEXT_NODE) {
|
|
return domNode.data;
|
|
}
|
|
if (domNode.nodeType != domNode.ELEMENT_NODE) {
|
|
return false;
|
|
}
|
|
var nodeElement = {};
|
|
nodeElement.tag = domNode.tagName.toLowerCase();
|
|
for (var i = 0; i < domNode.attributes.length; i++) {
|
|
var attr = domNode.attributes[i];
|
|
if (attr.name == 'href' || attr.name == 'src') {
|
|
if (!nodeElement.attrs) {
|
|
nodeElement.attrs = {};
|
|
}
|
|
nodeElement.attrs[attr.name] = attr.value;
|
|
}
|
|
}
|
|
if (domNode.childNodes.length > 0) {
|
|
nodeElement.children = [];
|
|
for (var ii = 0; ii < domNode.childNodes.length; ii++) {
|
|
var child = domNode.childNodes[ii];
|
|
nodeElement.children.push(domToNode(child));
|
|
}
|
|
}
|
|
return nodeElement;
|
|
}
|
|
|
|
function getNodeJson() {
|
|
window.android.getText(JSON.stringify(domToNode(document.getElementsByClassName('note-editable')[0]).children));
|
|
}
|
|
</script>
|
|
<script>
|
|
$(document).ready(function () {
|
|
$('#summernote').summernote({
|
|
height: 1200,
|
|
focus: true,
|
|
placeholder: '',
|
|
toolbar: [
|
|
// [groupName, [list of button]]
|
|
['style', ['bold', 'italic']],
|
|
['para', ['ul', 'ol']],
|
|
['insert', ['link']],
|
|
['history', ['undo', 'redo']],
|
|
['other', ['codeview']]
|
|
],
|
|
callbacks: {
|
|
onInit: function (e) {
|
|
$("#summernote").summernote("fullscreen.toggle");
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |