2013-07-29 4 views
4

각도를 사용하고 있습니다. 정규 자바 스크립트에서 할 수있는 다음 설정을 지정하는 방법을 알고 싶습니다.각도 UI TinyMCE : 기본 설정을 어떻게 설정합니까?

tinymce.init({ 
    selector: "textarea",   
    height: 250, 
    theme: "modern", 
    plugins: [ 
     "advlist autolink lists link image charmap print preview hr anchor pagebreak", 
     "searchreplace wordcount visualblocks visualchars code fullscreen", 
     "insertdatetime media nonbreaking save table contextmenu directionality", 
     "emoticons template paste textcolor" 
    ], 
      toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media | forecolor backcolor emoticons", 

    image_advtab: true, 
    templates: [ 
     { title: 'Test template 1', content: 'Test 1' }, 
     { title: 'Test template 2', content: 'Test 2' } 
    ] 
}); 

설정

$scope.tinymceOptions = 
{ 
    setup: function (ed) { 
    ed.onInit.add(function(ed) { 
     //SOME INITIALIZING CODE HERE 

    }); 
    } 

주시면 감사하겠습니다 tinymceOptions 설정과 관련된 어떤 도움을 사용하는 방법을 확실하지.

+0

넣어 지시어이다. Angularjs의 지침을 확인하십시오. – zsong

답변

8

tinymce directive

컨트롤러

var app = angular.module('BDA', ['ui.tinymce']); 

app.controller('PostCtrl', function ($scope, $http) { 

    $scope.tinymceOptions = { 
     theme: "modern", 
     plugins: [ 
      "advlist autolink lists link image charmap print preview hr anchor pagebreak", 
      "searchreplace wordcount visualblocks visualchars code fullscreen", 
      "insertdatetime media nonbreaking save table contextmenu directionality", 
      "emoticons template paste textcolor" 
     ], 
     toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image", 
     toolbar2: "print preview media | forecolor backcolor emoticons", 
     image_advtab: true, 
     height: "200px", 
     width: "650px" 
    }; 
}); 

HTML은

<div ng-controller="PostCtrl"> 
    <textarea ui-tinymce="tinymceOptions" ng-model="tinymceModel"></textarea> 
</div> 
+0

고맙습니다. dcodeSmith – Matt

+0

고맙습니다. 링크 버튼을 표시하는 방법을 알지 못했습니다! – lmyers

관련 문제