T3ch

챗봇형식을 어설프게 따라한 것인데 보통 채팅할 때 버튼이 있어도 엔터키를 눌러서 전송시키는 동작이 일반적이다.물론 줄바꿈이 반드시 필요한 경우에는 맞진 않겠지만 그 경우를 빼고 생각하였다. 12345textarea#chatBot(class='form-control' style='resize:none; width:340px; height:300px;' name='chatBot' readonly='readonly') bot : 안녕 내가 도와줄게!ptextarea#chatUser(class='form-control' style='resize:none; width:340px; height:50;' name='chatUser')pinput#chatPost(type='button' value='보내기' class..

textarea 을 옵션없이 기본생성하면 Tab키가 먹질 않는다. Tab키를 적용하기 위한 구문이다. 12Colored by Color Scriptercs 기본 html textarea 에 이 구문을 주면 탭키가 적용된다. 참고로 pug 템플릿 엔진에서는 1textarea(onkeydown="if(event.keyCode===9){var v=this.value,s=this.selectionStart,e=this.selectionEnd;this.value=v.substring(0, s)+'\t'+v.substring(e);this.selectionStart=this.selectionEnd=s+1;return false;}")cs 으로 사용해주면 된다.

자바스크립트에서 textarea에 입력받은 문자열 혹은 값들을 똑같이 보여주고 싶을 때 (예를들면 엔터로 줄바꿈을 해서 입력했으면 그 사항까지 똑같이 가져갈 수 있게) 구글링 하다보면 replace를 쓰라는 말이 많았는데 내가 해보니까 딱 한번만 개행되고 그 다음부턴 개행이 먹지 않는다. 그리고 replaceAll이라는 메소드는 아마 js에서 제공을 안해주는 것 같다. 내가 위에 설명한 걸 간단하게 그림으로 보여주자면이런 textarea 창에 저런 식으로 입력하고 전송을 누르면 이런식으로 전송되게 하는 식이고 이 화면을 소스보기를 누르면 #include int main() { printf("ddd"); return 0; } 와 같이 개행처리가 된 상태로 소스가 나오게 된다. html 기본 폼 설명은 생략..