기술39 CKEditor - jQuery HTML5 WYSIWYG Plugin CKEditor는 웹 콘텐츠 생성을 단순화하기 위해 설계된 바로 사용할 수 있는 HTML 텍스트 편집기다. 웹페이지에서 직접 일반적인 워드프로세서 기능을 제공한다. 주요기능 Customised build using CKBuilder MS Word friendly Inline editing Undo/redo support RTL support Supports around 60 languages 가격 무료로 사용할 수도 있고, 유료로 사용할 수도 있다. 관련링크 CKEditor : https://ckeditor.com/ CKEditor | Smart WYSIWYG HTML editor | Collaborative rich text editor Rock-solid, free WYSIWYG editor with.. 2019. 10. 12. Summernote - jQuery HTML5 WYSIWYG Plugin Summernote 는 부트스트랩을 기반으로 한 텍스트 편집기다. 다양한 테마가 있고 Bootswatch로 작동된다. MaterialNote 라는 변환된 버전도 있다. 주요기능 80 KB JS+CSS Supports Bootstrap 3.x.x Can be easily integrated with Django, Rails or Angular Easily customisable CodeMirror integration 가격 MIT License 로 무료 오픈 소스 관련링크 Summernote : https://summernote.org/ Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is.. 2019. 10. 12. bootstrap3-wysiwyg - jQuery HTML5 WYSIWYG Plugin bootstrap3-wysiwyg는 wysihtml5와 Twitter Bootstrap의 도움으로 간단하고 아름다운 WYSIWYG 편집기를 쉽게 만들 수 있는 JavaScript 플러그인이다. 샘플 링크는 다음과 같다. http://bootstrap-wysiwyg.github.io/bootstrap3-wysiwyg/ 주요기능 206 KB minified RequireJS support Custom template for toolbar Custom themes are available Exposes events like load and blur 가격 MIT License 의 무료 오픈 소스 이다. 관련링크 bootstrap3 : https://github.com/bootstrap-wysiwyg/bootst.. 2019. 10. 11. TinyMCE - jQuery HTML5 WYSIWYG Plugin TinyMCE는 플랫폼에 독립적인 웹 기반 JavaScript HTML WYSIWYG이다. HTML textarea 필드 또는 다른 HTML 요소를 편집자 인스턴스로 변환할 수 있다. Microsoft Azure, Google Drive, Amazon S3, DropBox 등에서 파일을 업로드하고 관리할 수 있다. WAI-ARIA 사양을 준수하여 JAWS, NVDA 등의 화면 판독기와 호환된다. 우선순위 지원을 받을 수 있는 엔터프라이즈 솔루션도 있다. 주요기능 Live media embedding Built-in image editing Spell check (enterprise) MS-Word friendly 40+ languages support Robust Cross-Browser Performa.. 2019. 10. 11. Aloha - jQuery HTML5 WYSIWYG Plugin Aloha Editor는 기능적 컨텐츠 편집 라이브러리 이다. 포털에서 직접 웹사이트를 편집할 수 있게 해준다. 비디오, 사진, 그래픽, 애니메이션 및 텍스트의 빠르고 복잡하지 않은 편집 기능을 제공한다. 주요기능 142KB size MS-Word friendly Cross browser compatibility Customisable 가격 현재는 무료 오픈 소스로 제공하고 있다. 자세한 사항은 아래 링크를 참고한다. https://raw.githubusercontent.com/alohaeditor/Aloha-Editor/dev/LICENSE.txt 관련링크 Aloha Editor : http://www.alohaeditor.org/ 2019. 10. 11. ContentTools - jQuery HTML5 WYSIWYG Plugin ContentTools는 작고 아름다운 컨텐츠 편집기 이다. 이 라이브러리는 JavaScript 프레임워크나 라이브러리를 사용하지 않는다. 심지어 jQuery도 사용하지 않는다. 그럼에도 어떤 것과도 잘 어울리는 똘똘한 HTML5 WYSIWYG Editor 이다. 콘텐츠도구 패키지는 각각 독립적으로 사용할 수 있는 5개의 라이브러리로 구성되어 있다. 쉽게 확장할 수 있도록 설계되어 있는 것도 장점이다. ContentTools 홈페이지 메인에 있는 [SHOW ME]를 클릭하면 정말 스마트한 샘플을 경험할 수 있다. 주요기능 49 KB gzipped Inline editing Resizing images and videos supports undo/redo 가격 오픈 소스로 MIT 라이센스를 따른다. 상업적.. 2019. 10. 11. Froala - jQuery HTML5 WYSIWYG Plugin HTML5 WYSIWYG(What You See What You Get) 편집기이다. Froala WYSIWYG HTML Editor는 통합과 사용이 쉽다. 이 플러그인을 사용하기 위해서는 최소한의 코딩 지식이 필요하다. 또한 jQuery 1.11.0 이상과 Font Awosmous 4.4.0이라는 폰트가 기본적으로 필요하다. UI / UX 기능과 결합해서 XSS 공격에 대한 강력한 방어 메커니즘을 가지고 있다. 주요 기능 34 KB gzipped Inline editing Keyboard shortcuts are available Requires basic HTML and JavaScript knowledge Dark and light theme (can be customised by editing L.. 2019. 10. 11. 자바스크립트 내부객체 Array 배열 내부 객체 사용은 인스턴스를 만들어 사용해야 한다. 1. Array 배열 객체 하나의 변수가 여러개의 데이터를 가지고 있어 호출하는 경우 [ ] 기호를 사요애 배열 데이터의 원소 번호를 입력한다. Array = data[0], data[1], data[2] ..... data[n] Array 객체의 사용 형식은 아래 2가지로 선언할 수 있다. ardata = new Array([배열의 수]); 또는 ardata = new Array("사과","오렌지","포도"); ardata[0] 의 값은 사과, ardata[1]의 값은 오렌지 속성 Porperty 정리 Date 객체의 속성에는 다음과 같은 것이 있다. constructor : 객체를 만들어낸 함수 원형의 형식을 가지고 있는 속성 index : 정규 표.. 2019. 10. 10. 자바스크립트 객체 사용 방법 1. 객체 속성 값 변경 [객체 이름].[속성 이름]=[변경할 값] document.form1.A.value = Val; 2. 객체 함수의 사용 [결과 값] = [객체 이름].[함수 이름] var str = data.substr(1, 3); 3. with 연산자 사용 이 연산자를 사용하면 객체 속성, 함수 사용이 좀 더 편리해 진다. 일일이 객체 이름에 속성 또는 함수 이름까지 길게 나열하지 않고, with 연산자를 사용하면 속성 또는 함수 이름만으로 사용할 수 있다. with(객체 이름){ [실행 코드] } with(document.form){ A = name.value; } 2019. 10. 10. 이전 1 2 3 4 5 다음
