Leonardo Hernández Ответов: 2

Угловые - как я вам метода GetData() из редактора CKEditor в единственном окне iframe

В этом коде для каждого из внутреннего каркаса, которые помещаются в HTML, другой HTML-код, содержащий в CKEditor-это называется.

<body ng-app="myApp">
    <form method="post" ng-controller="TinyMceController">
        <iframe id="iframe1" name="iframe1" runat="server" src="demo.html" style="width: 840px; height: 233px" ></iframe>
        <iframe id="iframe2" name="iframe2" runat="server" src="demo.html" style="width: 840px; height: 233px" ></iframe>
        <iframe id="iframe3" name="iframe3" runat="server" src="demo.html" style="width: 840px; height: 233px" ></iframe>
        <iframe id="iframe4" name="iframe4" runat="server" src="demo.html" style="width: 840px; height: 233px" ></iframe>
        <br>        
        <!--<label>Editor a obtener: <input type="text"  runat="server" ng-model="name"></label>-->
        <button ng-click="getContentControl()">Obtener contenido de: "{{name}}"</button>
        <br>
    </form>
</body>

Это код ckeditor (demo.html) 
<body ng-app="myApp">
    <form method="post" ng-controller="TinyMceController">
        <div> 
            <textarea name="editor1" id="editor1"  ng-model="tinymceModel"></textarea>
        </div>
        <script>
             CKEDITOR.replace('editor1');
        </script>
        <button ng-click="getContent()">Get content</button>        
    </form>
</body>

это угловой код, который я пытаюсь использовать 
$scope.getContentControl = function () {
    var iFrame = angular.element('#iframe2' + name);
    console.log(iFrame);
    var Element = iFrame.getElementById('editor1');
    console.log(Element);

};

то, что я хочу знать, как сделать в angular, как я могу получить html (.getData()) одного или каждого из ckeditor, которые находятся внутри каждого из iframes?

Что я уже пробовал:

то, что я хочу знать, как сделать в angular, как я могу получить html (.getData()) одного или каждого из ckeditor, которые находятся внутри каждого из iframes?

2 Ответов

Рейтинг:
12

Laxmidhar tatwa technologies

Я решил, что ваша демо-страница содержит страницу, подобную демо-странице

<html>
<head id="Head1" runat="server">
    <title></title>
   
    
        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>


<script>
    var myApp = angular.module('myApp', []);
    myApp.controller('TinyMceController', function ($scope, $http)
     {
        
        $scope.getContent = function () {
            $scope.tinymceModeldata = $scope.tinymceModel;
           
        };

    });

  

</script>
</head>
<body>
    <div ng-app="myApp" ng-controller="TinyMceController" ng-init="tinymceModeldata='some data';">
    <div>
        <div> 
            <textarea name="editor1" id="editor1"  ng-model="tinymceModel"></textarea>
        </div>
        <!--<script>
            CKEDITOR.replace('editor1');
        </script>-->
        <p>{{tinymceModeldata}} </p>
        <input type="button" id="btnshow" value="getcontaint" ng-click="getContent()" />   
    </div>

</div>
</body>
</html>

Рейтинг:
0

Laxmidhar tatwa technologies

//Я посылаю две страницы, которые хорошо работают


//Демонстрация



<название>








ВАР приложение myapp = угловой.модуль('приложение myapp', ['ngCookies']);

приложение myapp.контроллер('TinyMceController', ['$охват', '$HTTP', который, '$куки', '$cookieStore', функция ($объем, $протоколу HTTP, $cookie-файлы, $cookieStore)
{

$область действия.getContent = функция () {


$cookies.Containts1 = $scope.tinymceModel;

$область действия.tinymceModeldata = $охвата.tinymceModel;

};

}]);












{{tinymceModeldata}}










//содержащая страница




<название>










ВАР приложение myapp = угловой.модуль('приложение myapp', ['ngCookies']);
приложение myapp.контроллер('TinyMceController', ['$охват', '$HTTP', который, '$куки', '$cookieStore', функция ($объем, $протоколу HTTP, $cookie-файлы, $cookieStore)
{
$область действия.getContentControl = функция () {
$область действия.имя = $cookie-файлы.Containts1;

};

}]);

















Obtener contenido de: {{имя}}