Tinymce 4 TinyMCE和带autosave插件的Angular Ui TinyMCE
使用autosave插件时，angular ui tinymce版本0.0.18存在问题。该插件不适用于angular ui tinymce 其他人已于2016年10月20日将此问题记录到angular ui github帐户中，但没有解决方案 以下是使用的代码：Tinymce 4 TinyMCE和带autosave插件的Angular Ui TinyMCE,tinymce-4,angular-ui-tinymce,Tinymce 4,Angular Ui Tinymce,使用autosave插件时，angular ui tinymce版本0.0.18存在问题。该插件不适用于angular ui tinymce 其他人已于2016年10月20日将此问题记录到angular ui github帐户中，但没有解决方案 以下是使用的代码： <!DOCTYPE html> <head> <script type="text/javascript" src="bower_components/tinymce/tinymce.js">&
<!DOCTYPE html>
<head>
<script type="text/javascript" src="bower_components/tinymce/tinymce.js"></script>
<script type="text/javascript" src="bower_components/angular/angular.js"></script>
<script type="text/javascript" src="bower_components/angular-ui-tinymce/src/tinymce.js"></script>
</head>
<body ng-app="myApp">
<form method="post" ng-controller="TinyMceController">
<textarea ui-tinymce="tinymceOptions" ng-model="tinymceModel"></textarea>
<button ng-click="getContent()">Get content</button>
<button ng-click="setContent()">Set content</button>
</form>
</body>
<script>
var myAppModule = angular.module('myApp', ['ui.tinymce']);
myAppModule.controller('TinyMceController', function($scope) {
$scope.tinymceModel = '';
$scope.getContent = function() {
console.log('Editor content:', $scope.tinymceModel);
};
$scope.setContent = function() {
$scope.tinymceModel = 'Time: ' + (new Date());
};
$scope.tinymceOptions = {
inline: false,
plugins: 'autosave',
skin: 'lightgray',
theme: 'modern',
menubar: false,
toolbar1: 'restoredraft storedraft bold italic underline alignleft aligncenter alignright justify bullist numlist outdent indent',
toolbar2: 'fontselect fontsizeselect',
autosave_interval: "5s",
autosave_ask_before_unload: true,
autosave_retention: "60m"
};
});
</script>
得到满足
设置内容
var myAppModule=angular.module（'myApp'，['ui.tinymce']）；
myAppModule.controller（'TinyMceController'，函数（$scope）{
$scope.tinymceModel=''；
$scope.getContent=function（）{
log（'Editor content:'，$scope.tinymceModel）；
};
$scope.setContent=function（）{
$scope.tinymceModel='Time:'+（new Date（））；
};
$scope.tinymceOptions={
内联：错，
插件：“自动保存”，
皮肤：“浅灰色”，
主题:"现代",，
梅努巴：错，
工具栏1:“restoredraft storedraft粗体斜体下划线对齐左对齐中心对齐右对齐粗体numlist outdent缩进”，
工具栏2:'fontselect fontsizeselect'，
自动保存间隔：“5s”，
卸载前自动保存询问：真，
自动保存保留：“60米”
};
});