질문/조언질답게시판

editor.jpg

 

이모티콘과 유튜브삽입 등 에디터컴퍼넌트 사용 빈도가 높은데 댓글에서 접근성이 조금 떨어져서 밖으로 빼내고 싶은데요. 어떻게 처리를 해야 할까요 ?

 

댓글이라 접히는 부분을 펼쳐지게 하지 않으려다 보니 밖으로 빼내야 겠다는 생각을 하시는 분도 꽤 많으실 겁니다.

 

 

  • profile

    오~~ 이거 편리하겠습니다.

    답변이 아니라 죄송합니다;; 댓글 작성하고 보니 질문/답변이였군요.

  • profile

    사용하시는 에디터 스킨(editor.html)을 열서서 아래 코드를 삽입 해 보세요.

    ckeditor라면 대략 32번째줄 <[email protected]($enable_autosave)--> 이전에 삽입하는게 좋을꺼 같네요.

    댓글에서만 작동하도록 조건문 걸었고 스타일을 하드코딩했으니 조절해서 사용 해보세요.

    <[email protected]($module_type === 'comment')-->
    <div style="position:absolute;top:-25px;left:80px;">
    <[email protected]($component_list as $component_name => $component)-->
    <a href="javascript:void(0)" onclick="window.openComponent('{$component_name}', {$editor_sequence});"><img src="/modules/editor/components/{$component_name}/component_icon.gif" title="{$component->title}" style="width:20px;height:20px;" /></a>
    <[email protected]>
    </div>
    <[email protected]>

     

  • profile profile
    앗... 감사합니다. 그럿다면 지금 삽질해 놓은거 다시 원복해도 되겠네요 ㅋㅋ
  • profile profile
    파일경로좀.. 제가 가진 파일에는 <[email protected]($enable_autosave)--> 검색이 되지 않네요. CK에디터입니다.
  • profile profile
    아! 라이믹스 열어봤네요.
    최신버전 xe면 26번째 라인 <div id="ckeditor_instance_{$editor_sequence}" 이전에 코드 삽입 해보세요.
  • profile profile
    감사합니다! 나옵니다요!
  • profile profile
    어라.. 중요한 모바일에서는 안나오네요 ???
  • profile profile
    모바일 댓글 달기에도 ckeditor사용하시나요?
  • profile profile
    네. 주로 이모티콘 같은거 모바일에서도 많이 이용하시게 해 놓았거든요.
  • profile profile
    position 문제 인듯 합니다. 제가 이리저리 해 보겠습니다.
  • profile profile
    그렇다면 안나올 이유가 없어보입니다. 말씀 하신대로 포지션 문제 같네요. 모바일일경우 포지션 위치를 달리 해보시던지 클래스 부여하시고 css를 작성 해 보세요.
  • profile profile
    네. 클래스 지정해서 보드 스킨별로 다르게 해서 위치 잡았습니다. 감사합니다.
  • profile

    @prologos 님 감사합니다.

     

    저희는 오른쪽에 위치시켰어요.

    tool.jpg

  • profile profile
    잘 됐다니 다행입니다. 이쁘게 잘 처리하셨네요 ^^
  • profile profile
    혹시 모바일 이거나 pc는 댓글 의 조건 가능할까요?

    모바일은 글 댓글 모두 툴바가 접혀 있어서요.
  • profile profile
    첫 조건문에 모바일일경우를 추가해보세요.
    <[email protected]($module_type === 'comment' || Mobile::isMobileCheckByAgent())-->
  • profile profile
    네. 감사합니다!