저는 일부 프로젝트에서 Kendo-UI 프레임 워크로 작업하기 시작했습니다.이 문제에있어서 문서가 정말 좋지 않습니다. 내 Kendo.Editor
아래에 몇 가지 추가 html (정확한 버튼)을 추가하려고하므로 새 버튼을 만들 때마다 버튼이 표시됩니다. 예를 들어 Extend와 같은 Kendo는 모든 구성 요소에 대해 이러한 기능이 제공됩니다 (더 쉽거나 어렵지만 여전히 가능함).검도 연장 편집기 html
답변
그들은 열심히 노력하고 있으며 항상 개선되고 있지만 나는 문서와 품질에 대해 느낀다.
필자는 편집기를 확장 한 최근 경험이 있으며 매우 쉽고 빠릅니다.
편집기를 선언 할 때 도구 속성이 있습니다. 통합 된 도구의 이름을 입력하면 해당 도구가 표시되거나 개체를 전달하여 새 도구를 정의 할 수도 있습니다. 아래는 내 "비디오 삽입"도구를 만든 예제입니다. 이름과 툴팁 속성은 설명이 필요합니다. exec는 버튼을 클릭 할 때 실행되는 함수를 전달하는 속성입니다. 이 예에서 exec는 비디오를 추가하는 로직을 구현하는 사용자 정의 검도 창을 엽니 다. Vimeo 또는 Youtube 중 하나를 선택하고 일반 링크로 붙여 넣은 인터페이스가 있으며 편집기에 삽입 된 비디오를 붙여 넣습니다. 기본적으로 내 창에서 확인을 클릭하면 이벤트가 시작되고, 포함 된 비디오의 마크 업을 처리 한 다음 편집기에서 붙여 넣습니다. 편집기에서 마크 업에 붙여 넣는 방법은 다음과 같습니다 : $ ("# editor"). data ("kendoEditor"). paste (someString); 여기서 someString은 물론 붙여 넣기하려는 항목입니다. 현재 커서가있는 곳이면 붙여 넣기됩니다.
물론 좀 더 강력한 기능을 원한다면 exec 함수 내에 더 복잡한 코드를 추가 할 수 있습니다. 이 경우 비디오 창에 필요한 모든 마크 업을 만들고 무언가를 닫거나 무언가를 모조리 파괴하십시오.
$("#editor").kendoEditor({
tools: [ {
name: "insertVideo",
tooltip: "Insert video",
exec: function(){
var window = $("#windasd").data("kendoWindow");
window.center().open();
}
},'formatBlock', 'bold', 'italic', 'underline', 'createLink', 'unlink', 'insertImage', 'insertUnorderedList', 'insertOrderedList', "justifyLeft",
"justifyCenter",
"justifyRight",
"justifyFull", ],
});
사용자 지정 아이콘을 원할 경우 몇 가지 CSS를 추가해야합니다. 버튼은 전달한 이름을 기반으로 CSS 클래스를 자동으로 가져옵니다. 이름에 "k-"접두어를 추가하기 만하면 "k-insertVideo"가됩니다. 해당 클래스에 배경 이미지를 추가하면됩니다.
행운을 빌어 요 내 게시물이 도움이되고 복잡한 방식으로 작성된 것은 아닙니다!
- 1. 검도 캘린더 연장
- 2. 검도 편집기 (WYSIWYG)의 텍스트 편집기와 HTML 편집기 간 전환
- 3. 검도 그리드 팝업 편집기
- 4. 검도 UI 편집기 - 부동산에게
- 5. 검도 UI 편집기 - 열린 이벤트
- 6. 검도 기존 HTML 컨텐트의 편집기 및 캐롯 위치
- 7. 검도 편집기 필드를 인코딩하는 방법은 무엇입니까?
- 8. 검도 편집기 스 니펫 및 MVVM
- 9. 선언적 편집기 템플릿이 포함 된 검도 격자
- 10. 중첩 된 격자가있는 검도 comboBox 편집기
- 11. 검도 UI 편집기 자리 표시 자
- 12. 검도 - ui 그리드, 기본 템플릿 및 편집기
- 13. 검도 편집기 ReferenceError : uid가 정의되지 않았습니다.
- 14. 검도 그리드 팝업 편집기 이미지 브라우저
- 15. MVC4 검도 그리드 날짜 시간 템플릿 편집기
- 16. 검도 UI 편집기 도구를 그룹화하는 방법
- 17. rich : 편집기 폐허 html?
- 18. DNN 용 HTML 편집기
- 19. WYSIWYG HTML 편집기 WPF
- 20. Sitecore HTML 편집기
- 21. WYSIWYG html 편집기 쿼리
- 22. vb.net 2005의 html 편집기
- 23. HTML 편집기 asp.net
- 24. 블로그 용 HTML 편집기
- 25. 자바 FX의 HTML 편집기
- 26. 주위의 베스트 HTML 편집기
- 27. 이미지가있는 ExtJs4 HTML 편집기
- 28. 오차드 1.4의 HTML 편집기
- 29. ASP.NET 용 HTML 편집기
- 30. 템플릿이 달린 HTML 편집기
'exec'이 내 맞춤 도구에서 작동하지 않습니다. 왜 그 기능을 발동시키지 않는지 아는가? –