[키보드워리어] textarea 공백, 줄바꿈

2022. 8. 31. 22:06·팀프로젝트/SNS(키보드워리어)
728x90
반응형

게시글을 쓸때 textarea의 value를 그대로 데이터베이스에 넣고 사용하게 되면

띄어쓰기와 개행(줄바꿈)이 제대로 먹지 않았고 ejs로 데이터를 받을때 에러가 났다.

이를 해결하기 위해서 textarea를 input으로 바꾸고 onchange 이벤트를 이용해 

띄어쓰기는   줄바꿈은 \n 으로 처리했다.

글쓰기와 보기 둘은 해결했지만 수정하기에서 또 문제가 됐다. 

글을 수정할때에는   같은 문자들을 innerHTML로 넣을수가 없어서

input이 아닌 div에 contenteditable속성을 넣어서 안의 내용을 수정할수 있게 했다.

데이터베이스를 보낼때에는 ajax로 div에 있는 부분만 따로 작동하게 했다.

 

728x90
반응형

'팀프로젝트 > SNS(키보드워리어)' 카테고리의 다른 글

[키보드워리어] table 생성 오류  (0) 2022.08.28
[키보드워리어] Json 객체 파싱 main.html  (0) 2022.08.28
[키보드워리어] async await promise 동기 처리  (0) 2022.08.28
[키보드워리어] image 서버에 올리기  (0) 2022.08.25
[키보드워리어] sequelize foreign key 오류  (0) 2022.08.24
'팀프로젝트/SNS(키보드워리어)' 카테고리의 다른 글
  • [키보드워리어] table 생성 오류
  • [키보드워리어] Json 객체 파싱 main.html
  • [키보드워리어] async await promise 동기 처리
  • [키보드워리어] image 서버에 올리기
TeTedo.
TeTedo.
  • TeTedo.
    TeTedo 개발 일기
    TeTedo.
  • 전체
    오늘
    어제
    • 분류 전체보기 (319)
      • 개발 (274)
        • Article (4)
        • 정리 (21)
        • Spring Boot (17)
        • JPA (2)
        • JAVA (6)
        • Database (4)
        • 자료구조 (11)
        • 알고리즘 (32)
        • React (20)
        • Docker (10)
        • node.js (18)
        • Devops (11)
        • Linux (4)
        • TypeScript (3)
        • Go (10)
        • HyperLedger (4)
        • BlockChain (43)
        • html, css, js (48)
        • CS (3)
        • AWS (3)
      • 모아두고 나중에 쓰기 (3)
      • 팀프로젝트 (18)
        • SNS(키보드워리어) (9)
        • close_sea (9)
      • 개인프로젝트 (1)
        • Around Flavor (1)
        • CHAM (13)
        • ethFruitShop (5)
      • 독서 (0)
        • 스프링부트와 AWS로 혼자 구현하는 웹 서비스 (0)
  • 블로그 메뉴

    • 홈
    • 개발일기
    • CS
    • 실습
    • 코딩테스트
    • 웹
    • Go
    • node.js
    • 팀플
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    go
    go언어
    js
    nodejs
    30일챌린지
    명령어
    도커
    html
    node
    프로그래머스
    30일 챌린지
    React
    컨테이너
    node.js
    CSS
    블록체인
    mysql
    ERC721
    하이퍼레저
    erc20
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
TeTedo.
[키보드워리어] textarea 공백, 줄바꿈
상단으로

티스토리툴바