html 에 대한 자잘한 질문입니다.

insaint의 이미지

이곳의 성격에는 조금 안 맞을지 모르겠습니다만, 일단 시작해 보도록 하겠습니다 oops
제가 이번에 홈페이지를 만들면서, cgi wrap을 깔고 MySQL도 없는 orz 계정 상황 상, php로 간단한 보드를 만들고 거의 모든 스크립트를 '굉장히 직관적이고 즉흥적인' php 파일들로 까아득 채웠습니다. 그리고 보드를 만들면서 배경그림을 건드리는게 싫어서 출력을 textarea 태그로 처리했거든요 -_-a;;;

예를 들자면

<textarea cols=30 rows=5 readonly>
테스트 글입니다.
</textarea>

이런 식이었지요 =_=;;;

어쨌든 지정된 사이즈 안에 모든 글이 잘 출력 되고, 굳이 해상도에 맞출 필요 없고... 나름대로 괜찮았습니다.

문제는,

이 안에 html 태그를 추가했더니 "절.대." 태그가 작동을 안 하더군요.
w3c에 가 봤는데 그곳에서도 textarea 내부의 html 태그 같은건 -_-a;; 전혀 생각을 안 하고 있더군요.

이거 어떻게 꼼수로라도 해결 불가능할까요?

고수분들의 답변 부탁드립니다. o

랜덤여신의 이미지

textarea 는 원래 입력을 받기 위한 것인데... 될리가... -_-?
혹시나 될지도 모르겠네요. 가끔 보면 웹에서 JavaScript 만으로 돌리는 HTML 에디터 같은것도 나오니까...

음, 일단 제 생각에는 z-order 써서 레이어 등으로 덮으시면 될 것 같기도 합니다. 잘 될지는 모르겠네요~

행복한고니의 이미지

textarea 에는 절대로 안됩니다. 말 그대로 text 만 가능하거든요.

요즘 나오는 Javascript 로 된 위지윅 게시판은 iframe 에 designmode (IE, Mozilla)를 주거나 contenteditable (IE)옵션을 준겁니다.

근데, 배경그림을 건드리기 싫어서 출력을 textarea 로 처리했다는 말이 이해가 잘 안되네요. 아직도 왜 굳이 textarea 로 해야하는지 이해를 못하고 있는 중입니다.

__________________________________
나는 세상에서 가장 중요한 사람이다.

futari의 이미지

htmlarea 라는게 있던데...

IE 계열에서만 정상 작동하는 것 같긴 합니다만

목적에 맞으시면 찾아보심도...

그게 아니라면 그냥

border 잘 조절해서 흉내내기를 -_- (어차피 readOnly라면 말이죠 ㅎ)

-------------------------
The universe is run by the complex interweaving of three elements: matter, energy, and enlightened self-interest.
- G'kar, Babylon 5

불량청년의 이미지

futari wrote:
htmlarea 라는게 있던데...

IE 계열에서만 정상 작동하는 것 같긴 합니다만

목적에 맞으시면 찾아보심도...

그게 아니라면 그냥

border 잘 조절해서 흉내내기를 -_- (어차피 readOnly라면 말이죠 ㅎ)

아직 베타버젼이지만, 3.0에선 모질라도 지원하는것 같네요.

'<' --> &lt;
'>' --> &gt;

위 코드들을 바꿔 textarea에 써주면 출력되지 않나요?

H/W가 컴퓨터의 심장이라면 S/W는 컴퓨터의 영혼이다!

Tenshi의 이미지

gecko 계열에서 htmlArea에서 textarea 부분은 iframe을 textarea처럼 보이도록 처리를 했더군요 :)

htmlArea처럼 imageupload plugin은 없지만 fckeditor도 상당히 기대되는 놈이더군요~
좀더 안정적이고 정리된 느낌입니다.
http://www.fckeditor.net

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.