Avatar billede cht22 Professor
13. juni 2017 - 09:25 Der er 8 kommentarer og
1 løsning

Kan TinyMCE som editor downloades og køres lokalt?

Jeg bruger TinyMCE det kører fint så længe der er internetforbindelse, men jeg kunne tænke mig at køre det lokalt uden at der behøver at være internetforbindelse.

Hnetet fra:
https://www.tinymce.com/

Denne fil har jeg liggende på min egen server:
tinymce_languages/langs/da.js

Jeg har prøvet at hente denne fil og ændre koden så den hentes lokalt, men så virker det ikke:
http://cdn.tinymce.com/4/tinymce.min.js

Jeg bruger denne kode:


<!DOCTYPE html>
<html>
<head>
<title>Database</title>
<script src='//cdn.tinymce.com/4/tinymce.min.js'></script>
  <script>
tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  language_url : 'tinymce_languages/langs/da.js',
  height: 460,
  plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu imagetools",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons paste textcolor colorpicker textpattern imagetools"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
  toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
  image_advtab: true,
  images_upload_handler: function (blobInfo, success, failure) {
    var xhr, formData;

    xhr = new XMLHttpRequest();
    xhr.withCredentials = false;
    xhr.open('POST', 'postAcceptor.php');

    xhr.onload = function() {
      var json;

      if (xhr.status != 200) {
        failure('HTTP Error: ' + xhr.status);
        return;
      }

      json = JSON.parse(xhr.responseText);

      if (!json || typeof json.location != 'string') {
        failure('Invalid JSON: ' + xhr.responseText);
        return;
      }

      success(json.location);
    };

    formData = new FormData();
    formData.append('file', blobInfo.blob(), blobInfo.filename());

    xhr.send(formData);
  }
});
</script>
</head>

<body leftmargin=10 topmargin=10>

  <form method="post" action="save.php">
<input type=Submit value=Save>
    <textarea id="mytextarea" name=text>
</textarea>

  </form>

</body>
</html>

Avatar billede cht22 Professor
13. juni 2017 - 09:36 #1
Editoren som er wysiwyg ser således ud:
http://cthyge.dk/code_example/tinymce_example.htm

Du kan selvfølgelig også se det her:
https://www.tinymce.com/
Avatar billede claes57 Ekspert
13. juni 2017 - 10:50 #2
kan du ikke bare køre det via xampp på localhost?
https://www.apachefriends.org/index.html

xampp kan for den sags skyld ligge på et usb-stick og køres derfra, så med tinymce og en enkel start-hjemmeside så kan du starte og køre den på alle pc'er.
Avatar billede cht22 Professor
13. juni 2017 - 11:30 #3
Nej det kan jeg ikke hvis der ikke er internetforbindelse, fordi scriptet linker til:
http://cdn.tinymce.com/4/tinymce.min.js

Som åbenbart benytter øvrige filer.
Avatar billede cht22 Professor
13. juni 2017 - 19:46 #4
Jo jeg kan godt buge xampp og localhost, men jeg har stadig problemet med at scriptet bliver hentet fra internettet
Avatar billede cht22 Professor
14. juni 2017 - 21:08 #6
Så har jeg redigeret lidt og fået placeret filerne lokalt, dog har jeg ikke helt kunnet gennemskue de links, så css filerne ligge der 2 gange. Så nu kan det køres fra localhost uden internetforbindelse.

Eksempel ses her:
http://cthyge.dk/code_example/tinymce/tinymce_local_example.htm
Avatar billede cht22 Professor
15. juni 2017 - 05:05 #7
Det skal måske lige siges at disse 2 filer hentes fra css-filerne:

http://cdn.tinymce.com/fonts/tinymce-small.woff
http://cdn.tinymce.com/fonts/tinymce.woff
Avatar billede cht22 Professor
15. juni 2017 - 09:03 #8
Hvis der er nogen der kan bruge det til noget eller vil arbejde videre med spørgsmålet, så er det følgende filer der bliver brugt:

Side:
http://cthyge.dk/code_example/tinymce/tinymce_local_example.htm

Filer der åbnes:
content.inline.min.css
content.min.css
local_tinymce.min.js
skin.min.css
fonts\tinymce-small.woff
fonts\tinymce.woff
skins\lightgray\content.inline.min.css
skins\lightgray\content.min.css
skins\lightgray\skin.min.css
tinymce_languages\langs\da.js
Avatar billede claes57 Ekspert
15. juni 2017 - 09:16 #9
Flot med løsningen... tak for info
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester