Angular之编辑器插件

最新推荐文章于 2024-06-11 09:41:35 发布

羲少

最新推荐文章于 2024-06-11 09:41:35 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： AngularJS 插件文章标签：编译器插件

本文链接：https://blog.youkuaiyun.com/weixin_42283664/article/details/80803263

本文介绍了如何在Angular项目中集成ngUeditor编辑器，通过简单四步即可实现：导入ngUeditor.js，引入Js文件，调用ngUeditor模块，并在页面中使用<ng-ueditor>标签。这样可以在页面上创建一个可以转换为HTML的高大上编辑器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想插入一个编辑器在页面上么？如上图所示，还可以转html哦~是不是很酷？在自己的页面上加上这么一个编辑器，瞬间变身高大上有木有？只需简单的几步，满足你的需求！！

第一步，导入：

第二步，引入Js文件

app.directive('ngUeditor', function () {
    return {
        restrict: 'AE',
        transclude: true,
        replace: true,
        template: '<script name="content" type="text/plain" ng-transclude @style></script>',
        require: '?ngModel',
        scope: {
            config: '=',
            style:'@'
        },
        link: function (scope, element, attrs, ngModel) {
            var editor = new UE.ui.Editor(scope.config || {});
            var _editorId = attrs.id ? attrs.id : "_editor" + (Date.now());
            element[0].id = _editorId;
            editor.render(element[