tinymce added and working

2026-04-18 12:37:53 +00:00 · 2023-07-03 12:04:52 +01:00
parent 4c15001cd3
commit 01324ad022
9 changed files with 34 additions and 27 deletions
@@ -46,6 +46,8 @@
        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
+        <preference name="AndroidXEnabled" value="true" />
+<preference name="GradlePluginGoogleServicesEnabled" value="true" />
    </platform>
    <allow-navigation href="http://localhost:8100" sessionid="9714472a" />
    <allow-navigation href="http://localhost:8101" sessionid="4721f88c" />
@@ -157,6 +157,7 @@ import { FirebaseX } from '@ionic-native/firebase-x/ngx'; */
    NgxMatMomentModule,
    MatSelectModule,
    MatButtonModule,
+    EditorModule

    ],
  providers: [
@@ -193,7 +194,6 @@ import { FirebaseX } from '@ionic-native/firebase-x/ngx'; */
    NgxExtendedPdfViewerModule,
    FileOpener,
    DocumentViewer,
-    EditorModule
    
  ],
  bootstrap: [AppComponent],
@@ -1,10 +1,16 @@
-<ion-header>
-  <ion-toolbar>
-    <ion-title>tinyMCE</ion-title>
-  </ion-toolbar>
-</ion-header>
-
-<ion-content>
-  <iframe src="src/assets/tinyMCE/editor.html"></iframe>
-
-</ion-content>
+<editor
+apiKey="wr5dk69kive0qr9ig6y5spqvlj3a0tsiwnzdsexnz241k69p"
+  [init]="{   
+    height: 500,
+    menubar: false,
+    plugins: [
+      'advlist autolink lists link image charmap print preview anchor',
+      'searchreplace visualblocks code fullscreen',
+      'insertdatetime media table paste code help wordcount print'
+    ],
+    toolbar:
+      'undo redo | formatselect | bold italic backcolor | \
+      alignleft aligncenter alignright alignjustify | \
+      bullist numlist outdent indent | removeformat | print | help'
+  }"
+></editor>
@@ -7,6 +7,9 @@ import { Component, OnInit } from '@angular/core';
 })
 export class TinyMCEPage implements OnInit {

+  initialContent = '<h1>Hello, World!</h1><p>This is my HTML document.</p>';
+  
+
  constructor() { }

  ngOnInit() {
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <link rel="stylesheet" type="text/css" href="src/assets/tinyMCE/skins/ui/oxide/skin.min.css">
-  <link rel="stylesheet" type="text/css" href="src/assets/tinyMCE/skins/content/default/content.min.css">
+  <link rel="stylesheet" type="text/css" href="./skins/ui/oxide/skin.min.css">
+  <link rel="stylesheet" type="text/css" href="./skins/content/default/content.min.css">
 </head>
 <body>
  <textarea id="editor" placeholder="text area"></textarea>
-  <script src="src/assets/tinyMCE/tinymce.min.js"></script>
+  <script src="./tinymce.min.js"></script>
  <script>
    tinymce.init({
      selector: '#editor',
@@ -4,4 +4,4 @@ import { doneITDev } from './suport/doneIt'
 import { DevDev } from './suport/dev'


-export const environment: Environment = DevDev
+export const environment: Environment = oaprDev
@@ -35,8 +35,8 @@ export const oaprDev: Environment = {
  despachoLabel2: 'Despachos Presidênciais',
  production: false,
  domain: 'oapr.gov.ao',
-  defaultuser: 'gmanuel@oapr.gov.ao',
-  defaultuserpwd: 'M@p#2023',
+  defaultuser: '',
+  defaultuserpwd: '',
  chatOffline: true,
  presidential: true,
  version: versionData,