entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

Como poner el CKEditor en mi proyecto de AngularJS

Buenos Días, estoy terminando la implementación de la Administración del sitio en el que laboro y necesito un editor de texto para las noticias que tenga varias particularidades para ello usaba CKEditor en el sitio que ahora está online.
Pero ahora en la versión nueva uso AngularJS y no he podido montar el CKEditor el cual necesito tener para poder darle forma y estilo a las noticias.
Saludos Dairon
Este es el Código que tengo aunque no me funciona:
en javascript declaré mi directiva en mi proyecto:

    (function(){
        'use strict';
        angular
            .module('admin')
            .directive('ckEditor', ckEditor);
        ckEditor.$inject = [];

        function ckEditor(){
            var directive = {
              link: link,
              require: '?ngModel',         
              restrict: 'A'   
            };
            return directive;
            function link(scope, elm, attr, ngModel){
              var ck = CKEDITOR.replace(elm[0]);

              if (!ngModel) return;

              ck.on('pasteState', function() {
                scope.$apply(function() {
                  ngModel.$setViewValue(ck.getData());
                });
              });

              ngModel.$render = function(value) {
                ck.setData(ngModel.$viewValue);
              };                       
            }; //fin de la función link
        }
    }());

y en mi HTML:

    <textarea ckEditor ng-model="data.contenido">
              Texto de ejemplo
    </textarea> 

0voto

dairon comentado

Ahora mismo le echaré un ojo y los probaré para ver cual me resuelve el problema ;)
Gracias @carlossevi

1voto

dairon comentado

Hola @carlossevi ya lo resolví con lo que me comentaste de ng-ckeditor, lo ajusté a mi proyecto y funcionó bien.
Saludos Dairon
Carlos transforma tu comentario en una respuesta para seleccionarla como solucionada

2 Respuestas

3votos

carlossevi Puntos63580

¿Has echado un ojo a este proyecto llamado angular-ckeditor? También está este módulo de ng-ckeditor.

No te contesto como respuesta porque no estoy seguro de si son buenas opciones.

*Edito: lo muevo a respuesta porque parece que te ha funcionado =)

0voto

dairon comentado

Me funcionó 100% thanks

1voto

bl4z3r Puntos16850

Acá encontré una alternativa bastante interesante y potente: textAngular
Y un ejemplo de como implementarla: AngularJS Text-Angular WYSIWYG Rich-text Editor

PD: las palabras usadas para buscar esto, fueron: angularjs, rich, text, editor.

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta