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번이라도 알면 나머지는 차차 찾아서 해결해보고 싶습니다;ㅁ;
라르게덴
2017.10.22매뉴얼을 준비해야하는데 요즘 일이 많아져서 늦어지고 있습니다. 죄송합니다.
1.
https://romanesque.me/tutorial/6426
좀 전에 다른 질문에도 남긴 링크인데 이곳에 현재 적용하고 있는 툴바버튼 설정이 있습니다. 참고하세요.
나머지는 급하신데로 froala의 options 보시고 시도해보세요.
이온디
2017.10.22감사합니다. ^^;
저기 있는 예제 보고 작업해보겠습니다.
라르게덴
2017.10.22현재 사용버전이 어떻게 되시나요?
올려주신 코드는 최신 버전의 설정코드가 아닙니다. 아래에서 최신버전을 다운로드하세요.
https://romanesque.me/project/6940
이온디
2017.10.22네, 새로 다운받아보겠습니다.