Home 게시판 커뮤니티 Q&A 보여지는 그대로 쓸수 있는 에디터 있을까요?

6개 답변, 5 voices Last updated by Avatar of Bulletproof Bulletproof 6 월, 2 주 전
  • Avatar of ECARECAR
    Participant
    @ecar
    #52044

    안녕하세요,

    쓴 글 형식 그대로 보여지게 하는 플러그인이 혹시 있을까요? 예를 들어 하기는 글작성시의 모습이고, 그 밑은 작성후의 모습입니다.

     

    사진 옆으로 글이 가게끔 설정해도 적용이 안되네요. 그밖에 줄바끔이라든지 쓸때의 양식과 완성했을때의 형식이 서로 달라서 가독성이 안좋네요.

    안되면 테마의 css 를 건드리거나, 관리자 글쓰기 에디팅 부분 css를 수정해야 할것 같기도 한데 귀찮고 실력도 안되고.. (어느부분을 봐야할지 아시면 이것도 조언 부탁드립니다..)

    아니면 혹시 이런부분이 잘 최적화된 newspaper 난 magazine 형식 테마 아시는 분 추천 부탁드립니다..

     

    밑에는 브런치의 글쓰기 화면인데 딱 쓰는그대로 보이고 편집도 필요한 기능만 딱 쉽게 하게 되어있어서, 이런 미디엄/브런치 같은 포스팅 방식을 구현하고 싶은데 방식이 있을까요?

  • Avatar of 워드크래커워드크래커
    Participant
    @wordcracker7
    #52047

    안녕하세요?

    테스트를 해보니 저는 잘 되네요.

    테스트에 사용한 테마는 아바다입니다.

    플러그인(특히 Tinymce 같은 플러그인)을 모두 비활성화한 상태에서 테스트해보시기 바랍니다.

    Avatar of 워드크래커

    • 워드프레스 정보 제공 블로그: Visit
    • 워드프레스와 관련하여 문제 해결이 필요한 경우 문의해주세요.

    • Avatar of ECARECAR
      Participant
      @ecar
      #52057

      워드크래커님 답변 감사합니다

      워프 관련 검색하면 도움되는 글이 많아 감사하게 읽고 있습니다

      아바다같은 유료테마는 특별한 기능이 필요하지 않아 아직 생각이 없구, 가장 기본테마를 가지고 이리저리 공부해 보려합니다.

      제가 알기로 글이 보여지는 페이지가 아닌 포스팅하는 관리자모드의 구성을 수정해주는  플러그인은 없는 것으로 알고 있는데 맞는지요?

  • Avatar of jimnongjimnong
    Participant
    @jimnong
    #52052

    이런 식으로 개별 이미지마다 클래스 지정하면 될 텐데요, 이미지 클릭하면 GUI로 지정할 수 있습니다. 쉬워요.

    저도 TinyMCE Advance 쓰고 있는데 이상 없이 됩니다. TinyMCE Advance 옵션을 손보시거나, TinyMCE Advance 플러그인을 지워버리거나, 테마를 바꾸면 문제가 해결될 텐데, 개별 사이트마다 세팅이 전부 달라서… 제 3자가 원인을 단정적으로 얘기하기가 어렵습니다.

    아무튼, 복잡한 에디터 싫어하시면 에디터 플러그인을 안 쓰시면 됩니다(저는 씁니다. ^^;; ).

    Avatar of jimnong
    티스토리 블로그 : http://jimnong.tistory.com
    워드프레스로 구축한 사이트 : https://www.sobi.tips
    • Avatar of ECARECAR
      Participant
      @ecar
      #52058

      짐농님 안녕하세요,

      원래 TinyMCE도 설치 안했었는데, 저렇게 출력이 되어 혹시나 해보고 설치해 봤었네요 ㅜㅜ

      앞으로 텍스트 모드로 포스팅을 할 생각이라 사실 필요도 없긴 한데..

      기본 에디터로도 그림을 클릭하면 비쥬얼로 aline을 설정 할 수 있는 팝업이 뜨긴해서 leftalign을 지정한건데도 저러네요

      그림의 위치를 살짝 바꾸니 또 제대로 나오구 ㅎㅎ

      뭔가 워프의 쓰기 관리자 모드가 아쉽긴 하군요..

      미디엄같은 글쓰기모드 플러그인이 나오면 좋겠네요..

  • Avatar of nileblue14nileblue14
    Participant
    @ojesung
    #52121

    우연히 보고 댓글남기는데요.

     

    테마 사서쓰는거 안좋아해서 직접 구축하다보니깐 저도 동일한 증상이 있어서 가만보니까
    워드프레스 에디터에서 기본으로 제공하는 텍스트포함 좌측이미지 이런것으로 설정해도 전혀 안먹히더라구요.
    그래서 해당 CSS를 추가하고나서야 제대로 작동했습니다.

    제 예상이 맞으면 이걸로 해결가능할 것 같구요.
    더 궁금하신 점 있으시면

    https://codex.wordpress.org/ko:Wrapping_Text_Around_Images

    해당 codex보시면 될꺼에요. 주소보고 CSS보려고했는데 로컬로 작업중이셔서 못보네요 ㅎㅎ

     

     

     

     

    ps.

    참고로 작성자님이 선택하신 이미지 옵션은 글을 게시했을 시 개발자도구로 확인해보시면 아래와 같은 방식으로 HTML가 작성되는데요 중요한 부분은 class=”alignleft” 이건데 이게 클래스로 지정되도 스타일시트나 로드된 CSS파일에 코딩이 안돼있으면 무용지물이에요. 암튼 꼭 해결하시길 ^^

     

     

     

     

    혹시나 싶어 JSFiddle첨부해요. 첫번째 주소는 CSS적용안해서 작성자님이 격고있는 상황이고 두번째 주소는 CSS적용 후 정상적으로 정렬되는 것입니다.
    바로 확인가능할꺼에요^^

    https://jsfiddle.net/y1dpawhf/1/

    https://jsfiddle.net/y1dpawhf/5/

  • Avatar of BulletproofBulletproof
    Participant
    @veteran
    #52122

    워드프레스는 편집 화면의 TinyMCE 에디터 스타일을 사용자가 정의할 수 있도록 해당 함수를 제공합니다.

    editor-style.css 파일에 자유롭게 스타일 정의하면 되고, 에디터에 결과로 나타납니다.

    따라서, 특정 테마를 사용할 때 최초는 테마 제작자의 의도에 따라 결정되고, 이후는 사용자의 의도에 따르고요. 기본 스타일을 제공하는 테마도 있으며 그렇지 않은 테마가 있을 수 있습니다. 기본 테마는 대부분 일정 스타일을 제공하므로 참고하여 변경하면 됩니다.

    특정 코드가 적용이 안 될때 !important 기억하시고요. TinyMCE 에디터의 스타일 파일도 있기에 적용이 잘 안될 때도 있습니다.

    보통 WYSIWYG 용어를 사용하는 것처럼 에디터에서 프런트와 같은 결과를 기대하지 않는 게 좋겠습니다. 포스트 작성할 때 미리보기로 사이트에서 확인하는 것을 기준으로 정해야 합니다.

    워드프레스는 플러그인, 커스텀 CSS, 필터 등 사이트(프런트)에서 콘텐츠의 변경이나 변화를 전개하는 것이 자유롭기에 에디터에서 프런트에서 보이는 그대로를 원하는 것 자체가 모순입니다.

    미디엄처럼 프런트에서 편집 가능한 것은 워드프레스 플러그인이 있습니다. Front-end editor 정도로 검색하면 찾을 수 있습니다.

    또, 워드프레스 버전 5부터 도입될 것으로 예상하는 현재의 Gutenberg 프로젝트가 실제 적용된다면 상황이 달라질 수도 있습니다. 물론, Gutenberg가 편리하다는 것은 아니고요.

    익숙함의 문제지만, 웹 환경에서 현재의 워드프레스만큼 유연하거나 편리한 글쓰기 시스템은 드뭅니다. 몇 개의 단축키만 익히면 이미지와 텍스트 중심의 글쓰기는 가장 편합니다.

    이메일 포스팅도 몇 개의 기준만 익히면 엄청나게 편하고, 워드(MS Word) 원격 포스팅이 아닌 워드에서 쓰고 편집기에 붙여 넣는 방식도 대단히 편리합니다.

    Avatar of Bulletproof
    Bulletproof… i wish i was
4 답변 글타래를 보이고 있습니다
  • 답변은 로그인 후 가능합니다.