포럼

Froala Editor에 대한 사용의견을 남기는곳 입니다.
데모는 edit mode demo, inline mode demo에서 체험해 보실 수 있습니다.

에디터 툴바 설정 질문드립니다.

이온디 2017.10.22 조회 수 780 추천 수 0

https://www.froala.com/wysiwyg-editor/docs/options

프로알라 에디터의 툴바 설정은 위 페이지를 참조해서 만들 수 있겠습니다.


toolbarButtons: ['bold','color','emoticons','insertImage','I']


이런 식으로 작업하면 될 거 같은데요, 문제는 이러면 기존 로그인 버튼이라고 할까요, 이게 사라지네요.

이건 뭐라고 입력해야 나타나나요?


1. [해결] 기본적으로 세팅된 default 값을 알 수 있을까요? 소스를 찾아봤는데 이 부분이 맞나요?

이걸 추가설정에 사용해버리면 로그인 버튼이 사라져서요;;

toolbarBottom:!1,toolbarButtons:["fullscreen","bold","italic","underline","strikeThrough","subscript","superscript","|","fontFamily","fontSize","color","inlineStyle","paragraphStyle","|","paragraphFormat","align","formatOL","formatUL","outdent","indent","quote","-","insertLink","insertImage","insertVideo","insertFile","insertTable","|","emoticons","specialCharacters","insertHR","selectAll","clearFormatting","|","print","spellChecker","help","html","|","undo","redo"],toolbarButtonsXS:["bold","italic","fontFamily","fontSize","|","undo","redo"],toolbarButtonsSM:["bold","italic","underline","|","fontFamily","fontSize","insertLink","insertImage","table","|","undo","redo"],toolbarButtonsMD:null,toolbarContainer:null,toolbarInline:!1,toolbarSticky:!0,toolbarStickyOffset:0,toolbarVisibleWithoutSelection:!1



찾았습니다.  "signin" 이거였네요!;

toolbarButtons:["signin","|","bold","italic","underline","strikeThrough","subscript","superscript","|","fontFamily","fontSize","color","inlineStyle","paragraphStyle","|","paragraphFormat","align","formatOL","formatUL","outdent","indent","quote","insertTable","insertHR","|","insertLink","insertImage","insertVideo","insertFile","imageManager","|","selectAll","clearFormatting","undo","redo","|","editor_component","sourceCode","emoticons","specialCharacters","|","blockElement","html","fullscreen","print","help"],toolbarButtonsMD:null,toolbarButtonsSM:null,toolbarButtonsXS:null,imageStyles:{"fr-rounded":"Rounded","fr-bordered":"Bordered",_1977:"1977",aden:"Aden",brannan:"Brannan",brooklyn:"Brooklyn",clarendon:"Clarendon",earlybird:"Earlybird",gingham:"Gingham",hudson:"Hudson",inkwell:"Inkwell",kelvin:"Kelvin",lark:"Lark",lofi:"Lo-Fi",maven:"Maven",mayfair:"Mayfair",moon:"Moon",nashville:"Nashville",perpetua:"Perpetua",reyes:"Reyes",rise:"Rise",slumber:"Slumber",stinson:"Stinson",toaster:"Toaster",valencia:"Valencia",walden:"Walden",willow:"Willow",xpro2:"X-pro II"},imageDefaultMargin:0,linkStyles:{"fr-cinnabar":"Red","fr-turbo":"Yellow"},linkAttributes:{title:"Title"},linkList:[{text:request_uri,href:request_uri}],tableStyles:{"fr-table-dib":"Break Text","fr-dashed-borders":"Dashed Borders","fr-alternate-rows":"Alternate Rows"},fontSize:["8px","9px","10px","11px","12px","14px","18px","24px","30px","36px","48px","60px","72px","96px","0.6em","0.8em","1.0em","1.2em","1.5em","2em"],enter:enter,htmlAllowedAttrs:[".*"],htmlAllowedEmptyTags:["textarea","i","iframe","object","video","style","script"],htmlRemoveTags:["script","style","link"],pasteAllowedStyleProps:["font-family","font-size","background","color","width","text-align","vertical-align","background-color"],pasteDeniedAttrs:[],pasteDeniedTags:["script","style","link"],escapeStyleTags:["a","code","span"],lineBreakerTags:["table","hr","form","dl","span.fr-video","div"],quickInsertButtons:["image","imageManager","table","ul","ol","hr"],saveInterval:3e3,typingTimer:500,tabSpaces:4,aviaryOptions:{displayImageSize:!0,theme:"dark",language:option.editorOptions.language},invisibleRecaptcha:!1,recaptchaSitekey:"",url:request_uri+"index.php",sessionName:"PHPSESSID"});if(isMobile())var before_mobile_opts={linkAttributes:{},heightMin:"135px",toolbarButtons:["signin","|","bold","italic","underline","strikeThrough","|","fontFamily","fontSize","color","paragraphStyle","|","paragraphFormat","align","formatOL","formatUL","outdent","indent","quote","insertHR","|","insertLink","insertImage","insertVideo","insertFile","imageManager","|","selectAll","clearFormatting","undo","redo","|","editor_component","sourceCode","emoticons","|","blockElement","html","print"],toolbarButtonsMD:null,toolbarButtonsSM:null,toolbarButtonsXS:["signin","color","paragraphFormat","align","outdent","indent","quote","insertImage","insertVideo","insertFile","selectAll","clearFormatting","undo","redo"],quickInsertButtons:["image","imageManager","ul","ol","hr"]

2. 저는 윗첨자, 아랫첨자만 일단 빼고 싶어서요-_-;;

3. 인라인 스타일과 단락 스타일을 추가하고 싶습니다.

4. 이모티콘을 다른 걸로 변경하고 싶고요..

5. 인용스타일을 변경하고 싶습니다.

6. 글꼴도 변경하고 싶고요.


일단 1번이라도 알면 나머지는 차차 찾아서 해결해보고 싶습니다;ㅁ;

Profile

4개의 댓글

Profile
라르게덴
2017.10.22

매뉴얼을 준비해야하는데 요즘 일이 많아져서 늦어지고 있습니다. 죄송합니다.

1.

https://romanesque.me/tutorial/6426

좀 전에 다른 질문에도 남긴 링크인데 이곳에 현재 적용하고 있는 툴바버튼 설정이 있습니다. 참고하세요.

나머지는 급하신데로 froala의 options 보시고 시도해보세요.

Profile
이온디
2017.10.22
@라르게덴

감사합니다. ^^;

저기 있는 예제 보고 작업해보겠습니다.

Profile
라르게덴
2017.10.22

현재 사용버전이 어떻게 되시나요?

올려주신 코드는 최신 버전의 설정코드가 아닙니다.  아래에서 최신버전을 다운로드하세요.

https://romanesque.me/project/6940

Profile
이온디
2017.10.22
@라르게덴

네, 새로 다운받아보겠습니다.

에디터
번호 제목 글쓴이 날짜
78 참고삼아, 워드프레스에서 프로알라 에디터의 설정은 이렇습니다. 1 profile 이온디 2017.10.30
77 [질문] 클립보드에서 붙여넣기한 이미지 크기는 왜 항상 300px 인가요? 1 profile 이온디 2017.10.24
에디터 툴바 설정 질문드립니다. 4 profile 이온디 2017.10.22
75 [기능건의]프로알라 에디터 전역 설정 6 profile 이온디 2017.10.22
74 [질문]코드 그대로 붙여넣기는 어떻게 동작하나요? 12 profile 이온디 2017.10.22
73 Froala Editor 활성화 키에 대한 적용 문의 드립니다~ 2 이윤희 2017.10.12
72 프로알라 에디터에서 image caption과 embedly를 지원합니다. 2 profile 라르게덴 2017.09.21
71 현재 진척 상황 보고 (아마도 마지막이지 않을까) 1 profile 라르게덴 2017.08.31
70 긴 시간 볼수록 좋은데요 국비뉴스 2017.08.23
69 froala 2.6.5가 릴리즈 되었습니다. profile 라르게덴 2017.08.18
68 에디터 로그인 기능을 제작 중 입니다. 2 profile 라르게덴 2017.08.15
67 제가 Froala 개발자 멤버에 정식 등록 됩니다. 4 profile 라르게덴 2017.08.10
66 이미지 검사 기능을 추가했습니다. 4 profile 라르게덴 2017.08.07
65 현재 진척 상황 보고 (판매 가격을 공지합니다.) 10 profile 라르게덴 2017.07.28
64 이 사이트 로그인하면 가끔 이런게 보이네요 profile 이온디 2017.07.23
63 스케치북 게시판 스킨을 플로알라에 맞게 만들어보았습니다. 1 profile 이온디 2017.07.20
62 플로알라 에디터 없는 곳에서는 글 쓰기 싫으네요 2 profile 이온디 2017.07.20
61 froala 2.6.3의 업데이트 조짐이 보입니다. profile 라르게덴 2017.07.20
60 비즈니스 판매자는 할인 같은 게 있을까요? 1 profile 이온디 2017.07.17
59 집도 얼추 꾸며졌고... 2 profile 라르게덴 2017.07.15
Find Account
  • 이메일 주소로 계정 찾기

    아이디/비밀번호는 가입시 등록한 메일 주소로 알려드립니다. 가입할 때 등록한 메일 주소를 입력하고 "ID/PW 찾기" 버튼을 클릭해주세요.

  • 이메일 주소

    이메일 주소 형식이 올바르지 않습니다.

  • 인증메일 재발송

    인증 메일을 받지 못한 경우 다시 받을 수 있습니다.

  • 이메일 주소

    이메일 주소 형식이 올바르지 않습니다.