Commit 29df5faa authored by liujiaxin's avatar liujiaxin

feat: custom formula input

parent 74394283
...@@ -16,6 +16,7 @@ declare global { ...@@ -16,6 +16,7 @@ declare global {
FormulaBoard: any; FormulaBoard: any;
__initfp__: any; __initfp__: any;
__tmp_fp_input_model__: any; __tmp_fp_input_model__: any;
__FormulaBoard_js_installed__: any;
} }
} }
...@@ -46,6 +47,16 @@ export class FormulaInputComponent implements OnInit, OnChanges, OnDestroy, Afte ...@@ -46,6 +47,16 @@ export class FormulaInputComponent implements OnInit, OnChanges, OnDestroy, Afte
constructor() { constructor() {
if (!window.__FormulaBoard_js_installed__) {
window.__FormulaBoard_js_installed__ = true;
const s = document.createElement('script');
s.src = 'assets/formula-board/formula-board.js';
document.head.append(s);
s.addEventListener('load', () => {
this.FormulaBoardInit();
});
}
} }
ngOnInit() { ngOnInit() {
...@@ -88,12 +99,12 @@ export class FormulaInputComponent implements OnInit, OnChanges, OnDestroy, Afte ...@@ -88,12 +99,12 @@ export class FormulaInputComponent implements OnInit, OnChanges, OnDestroy, Afte
this.ngfModel = val; this.ngfModel = val;
this.ngfModelChange.emit(val); this.ngfModelChange.emit(val);
} }
ngAfterViewInit() {}
ngAfterViewInit() { FormulaBoardInit() {
if (window.__initfp__) { // if (window.__initfp__) {
return; // return;
} // }
window.__initfp__ = true; // window.__initfp__ = true;
window.FBOARD = new window.FormulaBoard({ window.FBOARD = new window.FormulaBoard({
// container: this.wrapperEl.nativeElement, // container: this.wrapperEl.nativeElement,
id: this.FB_id, id: this.FB_id,
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico">
<script type="text/javascript" src="https://staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js"></script> <script type="text/javascript" src="https://staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js"></script>
<script type="text/javascript" src="assets/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="assets/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="assets/formula-board/formula-board.js"></script> <!-- <script type="text/javascript" src="assets/formula-board/formula-board.js"></script>-->
<style> <style>
.kf-editor{ .kf-editor{
/*visibility: visible!important;*/ /*visibility: visible!important;*/
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment