1 votos

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 mi Código 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

aEscarcha Puntos 220

Prueba este WYSIWYG, está hecho para usarlo con Angular: Textangular

También puedes ver el repositorio de github

0voto

Hola colegas, he usado el proyecto del módulo de ng-ckeditor y me ha funcionado al 100%, espero que le resuelva a quien tenga mi mismo problema ;)

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by: