웃어봐

레이블이 javascript인 게시물을 표시합니다. 모든 게시물 표시

피드 구독하기: 글 (Atom)

2008-12-12

웹 마크업 에디터(SmartMarkUP)

위 이미지는 SmartMarkUP Editer 의 이미지 입니다.

SmartMarkUP은 다양한(HTML, CSS, XML, 위키 문법, BBCode) 에디터가 가능한 자바스크립트 라이브러리 이며. 설정 및 스크립트는 객체화 되어 있어 원하는 환경에 맞게 쉽게 변경 가능합니다.

SmartMarkUP은 독자적으로 구동이 가능하며. jQuery 플러그인을 제공하고 있습니다.

그리고 단축키를 제공하고 있습니다.

개발자: Joseph Woods (PHPCow.com)
라이센스: GPL
동작 브라우저: Safari 3.x, Firefox 2.x, Firefox 3.x, Google Chrome, IE7, Opera

2006-10-03

웹 에디터 사용 메일폼

Moxie는 웹에디터와 쿠키를 사용하는 메일 폼입니다. 내용작성은 웹에디터로 하고 받을 사람을 쿠키로 저장해 줍니다. 아래의 박스는 소스입니다. 원본보기

<title>Moxie</title>

<div id="top">
      <span id="title">Moxie</span>
      <span id="tagline">
          Web Editor With Persistent Client-Side Storage and Offline Access.
      </span>
      <div id="instructions">
          Drag this link, <a id="offlineLink">Run Moxie</a>, to your favorites toolbar above for offline access. To work offline,
          on Internet Explorer and Firefox select File > Work Offline; Safari does not need this. Next, click the
          bookmark you made for this page.
      </div>
  </div>
   
  <div id="fileContainer">
      <span id="storageKeyContainer">
          <label for="storageKey">
              File Name:
          </label>
       
          <input id="storageKey" name="storageKey" size="40" type="text">
      </span>
   
      <button id="saveButton">Save</button>
   
      <span id="directoryContainer">
          <label for="storageKey">
              Load File:
          </label>
       
          <select id="directory" size="1" style="clear: none;"></select>
      </span>
   
      <button id="configureButton">Configure</button>
  </div>

<div id="storageValueContainer" style="border: 1px solid rgb(0, 0, 0); height: 5em;">
      <div id="storageValue" dojotype="Editor" style="height: 5em;" items="textGroup;|;blockGroup;|;justifyGroup;|;colorGroup;">
      Click Here to Begin Editing
      </div>
  </div>

2006-09-29

dojo 웹 스프레시트 소스

웹에서 사용할수 있는 스프레시트를 누군가 dojo 툴킷을 활용해서 만들었다는군요..^^ 그리고 소스를 유포하고 있는데... 형태를 만드는데 걸리는 로딩시간이 무척 많이 걸리는것 압박이...^^ 현재 만들어 진 형태는

상단에 메뉴가 있습니다.
키보드로 각 컬럼으로 이동이 가능합니다(탭키는 적용되지 않았군요)
여러 컬럼을 선택하실수 있습니다.
컬럼 형태를 변경할수 있습니다(글꼴, 글크기, 굵기, 이태릭체, 밑줄, 색깔, 배경색)
시트 삽입, 삭제가 가능합니다.
기능(22개의 수학함수, 6개의 string 함수)

소스를 더욱 업그레이드 시키고 싶거나 가지고 싶으면 얼마든지 가져가도 되고 더욱 발전되 었으면 좋겠다는 그런 내용도 있는거 같내요 형태는 아래와 같습니다.

홈

웃어봐

태그

zzz

kjh

블로그 아카이브