개발/Javascript15 Javascript, Typescript Html 인코딩, 디코딩 Html 인코딩 디코딩은 div 태그를 만들어서 그 안에 텍스트를 가져오는 개념이다. function htmlEncode(str) { const temp = document.createElement('div'); temp.textContent = str; return temp.innerHTML;}function htmlDecode(str) { const temp = document.createElement('div'); temp.innerHTML = str; return temp.textContent;} 아래 코드는 타입스크립트를 적용한 함수이다.const htmlEncode = (str: string): string => { const temp: HTMLDivElement = documen.. 2022. 1. 7. c# API 로 JsTree 랜더링 JsTree는 API 호출 기반으로 랜더링이 가능하다. 하지만 예제가 별로 없는 것 같아서 예제를 하나 만들어 봅니다. 일단 REST API를 하나 만들어야 합니다. POST 형식의 Json을 리턴하는 형식으로 만듭니다. GET로 만들어도 상관없습니다. JsTree에서 설정가능하니까요. JsTreeResult.cs using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace Sample { public class JsTreeResult { /// /// 결과 값이 true인 기본 객체. /// public static readonly JsTr.. 2021. 12. 26. JsTree Contextmenu(Create, Rename, Delete) 활용하기 JsTree로 Context메뉴(오른쪽 클릭)를 활용한 예제입니다.JsTree Api 활용이나, Disable 처리는 https://nhj2021.tistory.com/12 참고 바랍니다.var Editable = true;var Flag = { CreateFolder: true, RenameFolder: true, DeleteFolder:true};// dnd(Drag&Drop)도 있지만 쓰지는 않음var Plugins = ['wholerow', 'unique','contextmenu','dnd'];$('#jsTreeElement').jstree({ 'core': { // 새 폴더를 만들 경우 사용 'strings': { 'New node': '새 폴더' }, //.. 2021. 12. 26. Javascript Filesize Format function getFormatFileSize(bytes) { if (typeof bytes !== 'number') { return ''; } if (bytes >= 1000000000) { return (bytes / 1000000000).toFixed(2) + ' GB'; } if (bytes >= 1000000) { return (bytes / 1000000).toFixed(2) + ' MB'; } return (bytes / 1000).toFixed(2) + ' KB'; } 2021. 12. 18. 이전 1 2 3 4 다음 반응형