contenttools-angularjs

KO | EN

gitlite — search

#python #hacktoberfest #go #machine-learning #rust #docker #macos #nodejs #java #windows #awesome #awesome-list #mcp #ios

contenttools-angularjs

(★ 10)

A demo integration for Content Tools JS & Angular JS

contenttools-angularjs 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Content Tools & Angular JS
==========================

The source code is a demo integration between Content Tools JS and Angular JS.

[Content Tools JS](https://github.com/GetmeUK/ContentTools) is an inline page 
editor which can turn any standard HTML page into a WSYIWYG editor.

## Installation

Install the Node.js dependencies:

$ npm install

## Start the demo site

$ grunt serve

## Usage

Using an Angular directive called "ng-editor", it will bind the DOM element to
Content Tools and render its content editable:

<div ng-editor="my-content">
        <p>Some content...</p>
    </div>

<div ng-editor="my-content-another">
        <p>Another content....</p>
    </div>

## Save data

The Angular directive listen to the editor "save" event and collect the updated
content, inside a variable called "regions". The "regions" can then be saved by
a save to server function.

angular.module('editorApp', [])
        .directive('ngEditor',  function(){
            
            function link(scope, element, attrs){

// Initialise the editor
                editor = new ContentTools.EditorApp.get()
                editor.init('[ng-editor]', 'ng-editor')

// Bind a function on editor save
                editor.bind('save', function(regions, autoSave){
                    
                    scope.$apply(function(){
                        scope.regions = regions;
                    });

// "regions" contains all the html for each editable regions
                    // Now, "regions" can be saved and used as needed.

})

}

return {
                link: link
            }
            
        })

contenttools-angularjs

contenttools-angularjs 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

contenttools-angularjs

contenttools-angularjs 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README