CKEditor - No aparece

Estoy tratando de integrar el ckeditor en mi sitio web escrito en java con play2.CKEditor - No aparece

Ahora descargué los archivos javascript y leí las muestras.

que pensé que la parte importante es ckeditor.js

<script type="text/javascript" src="/assets/javascripts/ckeditor.js"></script>

también utilicé la misma forma exacta de las muestras

<form action="sample_posteddata.php" method="post"> 
     <label for="editor1"> 
      CKEditor using the <code>docprops</code> plugin and working in the Full Page mode:</label> 
     <textarea cols="80" id="editor1" name="editor1" rows="10">&lt;html&gt;&lt;head&gt;&lt;title&gt;CKEditor Sample&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</textarea> 
     <script type="text/javascript"> 
     //<![CDATA[ 

      CKEDITOR.replace('editor1', 
       { 
        fullPage : true, 
        extraPlugins : 'docprops' 
       }); 

     //]]> 
     </script> 
    <p> 
     <input type="submit" value="Submit" /> 
    </p> 
</form>

Pero no funciona, sólo se hace una normal de textarea. Estoy usando twitter bootstrap + jquery 1.7.1.

Tal vez pasé por alto una parte importante?

enter image description here

Fuente

2012-08-28 Maik Klein

¿Tiene algún error? – AlfonsoML

Oh, bueno sí, 'Unbeught ReferenceError: CKEDITOR no está definido' pero el ckeditor.js está funcionando correctamente, ¿quizás he subido el archivo ckeditor.js incorrecto? El tamaño del mío es 367kb –

No, ckeditor.js no funciona correctamente si tienes ese error. Verifique que el servidor esté enviando el contenido correcto y que haya colocado el archivo antes de la llamada a CKEDITOR.replace – AlfonsoML

sólo tiene que utilizar este script

<script type="text/javascript"> 
    CKEDITOR.replace("editor1"); 
</script>

Fuente

2013-07-13 05:50:01 Gangnam

Si la ruta de origen del archivo ckeditor.js no es correcta, entonces puede obtener el "CKeditor no definido" error. Pruebe esto .....

<script type="text/javascript" src="../assets/javascripts/ckeditor.js"></script>

Fuente

2013-11-25 05:13:32

Si tiene problemas para configurar ckeditor, puede que su página cargue lentamente. Demuestre que necesita llamar a CKEDITOR.replace ("editor1"). Cuando use backbone.js, obtendrá este problema. Espero que los siguientes viajes te ayuden.

código

jQuery(document).ready(function() { 
    CKEDITOR.replace("editor1") 
});

Fuente

2014-07-18 14:24:25 sourcecode

tuve un problema similar, que tenía que ver con la propiedad CKEDITOR.basePath si nos fijamos en la consola y ver un error como Uncaught TypeError: Cannot set property 'dir' of undefined que significa que tiene que establecer la propiedad basePath a la correcta ubicación ....

Fuente

2014-11-07 08:39:09

he encontrado la exacta condición similar, y parece que el elemento necesita tener atributos id con el fin de trabajar

Fuente

2015-03-08 14:38:46 luhuiya

Creo que se necesita más de ckeditor.js. Agregue estos recursos también y debería funcionar.

<link rel="stylesheet" href="assets/css/ckeditor/contents.css" rel="stylesheet"> 
<link rel="stylesheet" href="assets/css/ckeditor/skins/boostrap/editor.css" rel="stylesheet"> 
<link rel="stylesheet" href="assets/css/ckeditor/skins/boostrap/editor_gecko.css" rel="stylesheet"> 
<script src="assets/js/ckeditor/ckeditor.js" type="text/javascript"></script> 
<script src="assets/js/ckeditor/styles.js" type="text/javascript"></script> 
<script src="assets/js/ckeditor/config.js" type="text/javascript"></script> 
<script src="assets/js/ckeditor/lang/en.js" type="text/javascript"></script>

Fuente

2015-10-04 23:55:32 connect2krish

i tiene solución y funciona dentro del controlador de la vista y usted debe publicar su código de script en el código del controlador

Fuente

2016-07-20 08:14:05

Esto es más o menos lo que necesita cuando simplemente no lo hace incluyendo ckeditor.js trabajo:

<script> 
      var CKEDITOR_BASEPATH = window.location.origin + '/.../CKEditor/'; 
</script>

es descrito en la documentación aquí: http://docs.ckeditor.com/#!/guide/dev_basepath

Esto resolvió mi problema cuando lo pongo en el h ead sección de mi html.

Fuente

2017-03-16 11:49:06

CKEditor - No aparece

Respuesta

Cuestiones relacionadas