Обвързване на стойност в TinyMCE ‹textarea› с помощта на AngularJS модел

Разработвам ASP.net MVC приложение с AngularJS и TinyMCE.

Трябва да покажа WYSIWYG текстово поле на потребителя, за да получа въвеждане.

Не мога да свържа първоначалната стойност в текстовото поле. Нужда от помощ. Следното е, което направих.

<script type="text/javascript">
    tinyMCE.init({
        mode: "textareas",
        theme: "advanced",
        theme_advanced_path: false,
        theme_advanced_buttons1: "fontselect,|,bold,italic,underline,|,fontsizeselect,|,forecolor,backcolor",
        theme_advanced_buttons2: "|,justifyleft,justifycenter,justifyright,|,link,unlink,|,bullist,numlist,|,code",
        theme_advanced_toolbar_location: "top",
        theme_advanced_toolbar_align: "left",
        theme_advanced_statusbar_location: "bottom",
        theme_advanced_resizing: true,
    });
</script>

Преглед:

<textarea data-ng-model="selectedProduct.ProductText">
  {{selectedProduct.ProductText}}
</textarea>

angularjs tinymce tinymce-3
person RandomUser    schedule 13.08.2014    source източник

Отговори (1)


arrow_upward
2
arrow_downward

Определено искате да използвате тази библиотека: https://github.com/angular-ui/ui-tinymce Тогава нещата стават много по-лесни. Пример:

<textarea ui-tinymce="tinymceOptions" ng-model="tinymceModel"></textarea>

myAppModule.controller('MyController', function($scope) {
    $scope.tinymceOptions = {
            //enter any options here
        }
    };
});
person David Bohunek    schedule 13.08.2014
comment
безплатна ли е? и използвам TinyMCE версия 3.5.8 - person RandomUser; 13.08.2014
comment
Добър въпрос. Да, така е. Лицензът може да бъде намерен тук: github.com/angular-ui/ui -tinymce/blob/master/ЛИЦЕНЗ - person David Bohunek; 13.08.2014
comment
Той е съвместим с версия 4+ на TinyMCE, тогава ще трябва да надстроите. Ако не можете или не искате, бих погледнал тази публикация: stackoverflow.com/questions/20005699/ - person David Bohunek; 13.08.2014
comment
Имам нужда от помощ за изтеглянето на библиотеката, която споменавате. Във връзката, която предоставихте, какъв файл(ове) трябва да изтегля? - person RandomUser; 13.08.2014
comment
Това е единственият файл, който трябва да изтеглите: github. com/angular-ui/ui-tinymce/blob/master/src/tinymce.js Добавете го към вашето приложение като зависимост: var myAppModule = angular.module('MyApp', ['ui.tinymce']) - person David Bohunek; 13.08.2014
comment
Надградих версията на TinyMCE до 4.0.0 и очакваното беше постигнато благодарение на вас. Изправен съм пред нов проблем като когато се опитам да преоразмеря текстовото поле, ширината се намалява, докато не освободя натискането на клавиша. Как мога да деактивирам опцията за преоразмеряване в 4.0.0 и също така трябва да премахна лентата с менюта от елемента, как мога да постигна и това? - person RandomUser; 13.08.2014
comment
Тестван с v4. Работи страхотно! Благодаря за публикацията. - person Roman K; 12.11.2014