[{"data":1,"prerenderedAt":372},["ShallowReactive",2],{"project-8766865":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":34,"aspects":35,"strip":44,"post_text":47,"what":48,"said":79,"maker_in_thread":199,"shape":210,"grid":213,"attempts":333,"same_week":334,"maker_shows":33,"maker_hidden":364,"reader_version":365,"card":366},"8766865","Wysihtml","Open-source rich text editor for web apps","title","Show HN: Wysihtml – Open-source rich text editor for web apps","https:\u002F\u002Fgithub.com\u002FVoog\u002Fwysihtml\u002F","github.com","olla",1418903611,2014,215,45,88,2272,4,"notable","dev_tools","rich text editor","library",[21,24,25,26,27],"wysiwyg","contenteditable","html editor","javascript editor","debated",0.137,{"positive":31,"neutral":32,"mixed":33,"critical":32},11,7,1,26,{"privacy":36,"design":38,"performance":40,"execution":41,"idea":42,"docs":43},{"positive":37,"critical":37},0,{"positive":39,"critical":33},2,{"positive":37,"critical":33},{"positive":33,"critical":18},{"positive":39,"critical":33},{"positive":37,"critical":37},[37,45,37,46,45,37,45,37,33,37,37,33,37,33,33,33,37,46,37,45,37,46,37,37,37,46,46,37,45,37,46,45,46,33,45,37,46,45,46,46],3,5,null,{"problem":49,"audience":56,"pricing":47,"motivation":65,"time_to_build":47,"stack":69,"openness":76,"stage":77,"team_size":78},{"value":50,"source":51,"evidence":52},"Provides an editable rich text area for web apps with a separate customisable toolbar.","maker",[53],{"id":54,"by":11,"text":55},"8766866","We are trying to revive and modernise a once popular open source editor xing\u002Fwysihtml5. It is configurable to be used with and without an iframe. The editable area API is…",{"value":57,"source":58,"evidence":59},"Web app developers who need a WYSIWYG text editor.","inferred",[60,61],{"id":54,"by":11,"text":55},{"id":62,"by":63,"text":64},"8767845","jwcooper","What issues did you have with TinyMCE? We recently moved away from wysihtml5 to TinyMCE and have been quite happy with the results thus far. The latest releases of TinyMCE have…",{"value":66,"source":51,"evidence":67},"Revive and modernise the once popular xing\u002Fwysihtml5 editor.",[68],{"id":54,"by":11,"text":55},[70],{"value":71,"source":58,"evidence":72},"JavaScript",[73],{"id":74,"by":11,"text":75},"8767259","Firstly jQuery would not help a lot here, as wysiwygs are largely about fixing browser inconsistencies and bugs. You'd like to fix those as close to the source as possible. The…","open_source","unknown","team",{"praise":80,"objections":100,"requests":133,"questions":152,"alternatives":167},[81,93],{"value":82,"source":83,"evidence":84},"Easy to customise and replace the toolbar, useful for custom apps.","commenter",[85,89],{"id":86,"by":87,"text":88},"8769432","chrislgrigg","I took part in a hackathon a few weeks ago and we needed a text editor that we could easily implement and customize. In particular, we wanted more control over the appearance of…",{"id":90,"by":91,"text":92},"8767335","fredkelly","Having had the (dis)pleasure of working with TinyMCE on a number of past projects this looks like a no-brainer. The only thing I'm not sure about is the use of…",{"value":94,"source":83,"evidence":95},"Open-source editor is a generous gift to the community.",[96],{"id":97,"by":98,"text":99},"8769712","j_s","There are a lot of commercial options available too; I was reminded of the 'How I reverse-engineered Google Docs' discussion where the author recommended paying $200 for…",[101,108,119,126],{"value":102,"source":83,"evidence":103},"Heavy at around 200k in size.",[104],{"id":105,"by":106,"text":107},"8768012","BenjaminN","\"Fast and lightweight\" is 200ko? We have so many choices when it comes to WYSIWYG. My favorite is https:\u002F\u002Fgithub.com\u002Fdaviferreira\u002Fmedium-editor.",{"value":109,"source":83,"evidence":110},"Formatting toggles and link removal have bugs and leave empty tags.",[111,115],{"id":112,"by":113,"text":114},"8767530","kemayo","A few feedback points, I suppose... # Clicking the \"no-color\" option in the text color-picker doesn't do anything. # Using the \"remove\" option on a link inserts a space as well…",{"id":116,"by":117,"text":118},"8767946","LukeB_UK","It seems to suffer from tags being left over even after all their content has been deleted. Many editors seem to suffer this too.",{"value":120,"source":83,"evidence":121},"Forces Enter to create line breaks instead of paragraphs.",[122],{"id":123,"by":124,"text":125},"8768658","andybak","> Unifies line-break handling across browsers (hitting enter will create \u003Cbr> instead of \u003Cp> or \u003Cdiv>) This implies it isn't configurable and unfortunately - in my view this is…",{"value":127,"source":83,"evidence":128},"Seems to be an incomplete fork compared with CKEditor.",[129],{"id":130,"by":131,"text":132},"8769231","WimLeers","Why fork something that is incomplete, unstable, has very limited test coverage, and doesn't tightly control the generated markup? CKEditor has had the ACF (Advanced Content…",[134,141,148],{"value":135,"source":83,"evidence":136},"Ability to apply CSS classes easily in the editor.",[137],{"id":138,"by":139,"text":140},"8767609","otherusername","Something I'd really like is a way to expose CSS styles to the editor easily. One of the major problems I always run into is that my customers try to make things look like the…",{"value":142,"source":83,"evidence":143},"Option to disable line breaks or sanitize output.",[144],{"id":145,"by":146,"text":147},"8767744","mhd","Is there some way to sanitize the output? The prevalence of \u003Cbr>\u003Cbr> is something I've always disliked about WYSIWYG HTML editors (something a markdown converter doesn't have to…",{"value":149,"source":83,"evidence":150},"Toolbar configuration via a JavaScript options object.",[151],{"id":90,"by":91,"text":92},[153,160],{"value":154,"source":83,"evidence":155},"How to export the generated HTML.",[156],{"id":157,"by":158,"text":159},"8770250","curiously","so after I create an html how do I \"export\" out the html code?",{"value":161,"source":83,"evidence":162},"What changed in the parser rules, such as named filters.",[163],{"id":164,"by":165,"text":166},"8769301","titusjohnson","I glanced through the parser rules, and it looks like you guys have implemented some kind of named filters in addition to the per-tag-per-attribute rule set from wysihtml5.…",[168,173,177,181,188,195],{"value":169,"source":83,"evidence":170},"CKEditor",[171,172],{"id":130,"by":131,"text":132},{"id":86,"by":87,"text":88},{"value":174,"source":83,"evidence":175},"Medium Editor",[176],{"id":105,"by":106,"text":107},{"value":178,"source":83,"evidence":179},"TinyMCE",[180],{"id":62,"by":63,"text":64},{"value":182,"source":83,"evidence":183},"Squire",[184],{"id":185,"by":186,"text":187},"8776543","fanf2","Check out FastMail's Squire editor, less than 12k mimicked and compressed - http:\u002F\u002Fblog.fastmail.com\u002F2014\u002F12\u002F08\u002Fsquire-fastmails-rich-text-editor\u002F",{"value":189,"source":83,"evidence":190},"Froala Editor",[191],{"id":192,"by":193,"text":194},"8769853","cstigler","FWIW, we've been pretty happy with the Froala Editor: https:\u002F\u002Feditor.froala.com\u002F",{"value":196,"source":83,"evidence":197},"Redactor",[198],{"id":97,"by":98,"text":99},{"comments":200,"answered":201,"key":202},8,6,[203,204,207],{"id":54,"text":55},{"id":205,"text":206},"8769775","I will try to update the wiki of our github repo soon with the additional options.",{"id":208,"text":209},"8767670","It can apply classes too as you wish. You can use formatInline or formatBlock command to add inline or block elements with needed classes. An example how its done internally…",{"commenters":211,"max_depth":46,"maker_replies":200,"first_comment_mins":33,"lifespan_hours":212},31,49,[214,216,218,220,223,225,226,227,231,234,236,239,241,243,246,248,251,253,257,260,264,265,267,269,271,272,276,278,280,283,288,291,294,297,300,303,304,308,310,315,316,320,322,326,330],[54,37,37,215,11,33],"maker\u002Fneutral\u002Fidea",[164,37,45,217,165,37],"project\u002Fneutral\u002Fprivacy",[205,37,37,219,11,33],"maker\u002Fneutral\u002Fdocs",[221,37,46,222,87,37],"8770428","maker\u002Fpositive\u002Fnone",[138,33,45,224,139,37],"project\u002Fneutral\u002Fdesign",[208,33,37,219,11,33],[145,39,45,224,146,37],[228,39,37,229,230,37],"8767787","other\u002Fneutral\u002Fnone","lhl",[232,39,37,233,11,33],"8767799","maker\u002Fneutral\u002Fdesign",[105,45,33,235,106,37],"project\u002Fcritical\u002Fperformance",[237,45,37,238,11,33],"8768467","maker\u002Fmixed\u002Fperformance",[185,45,37,240,186,37],"other\u002Fneutral\u002Fperformance",[112,18,33,242,113,37],"project\u002Fcritical\u002Fexecution",[244,18,37,245,11,33],"8767693","maker\u002Fneutral\u002Fexecution",[247,18,33,242,113,37],"8767710",[249,18,33,242,250,37],"8767794","ashmud",[123,46,33,252,124,37],"project\u002Fcritical\u002Fdesign",[254,46,37,255,256,37],"8769191","commenter\u002Fneutral\u002Fnone","neals",[258,201,37,229,259,37],"8767648","NARKOZ",[261,201,46,262,263,37],"8767674","project\u002Fpositive\u002Fnone","tanelj",[192,32,37,229,193,37],[90,200,45,266,91,37],"project\u002Fmixed\u002Fdesign",[268,200,37,233,11,33],"8767387",[270,200,46,222,91,37],"8767583",[62,200,37,229,63,37],[273,200,37,274,275,37],"8768528","other\u002Fneutral\u002Fprivacy","Kluny",[277,200,37,229,124,37],"8768680",[279,200,37,229,275,37],"8769217",[97,281,46,282,98,37],9,"project\u002Fpositive\u002Fidea",[284,285,46,286,287,37],"8767237",10,"project\u002Fpositive\u002Fdesign","metara",[289,285,37,290,124,37],"8767282","other\u002Fpositive\u002Fnone",[292,285,45,224,293,37],"8767297","rolfvandekrol",[295,285,37,229,296,37],"8769379","runnel",[298,31,46,282,299,37],"8767316","swalsh",[130,301,33,302,131,37],12,"project\u002Fcritical\u002Fidea",[86,301,46,286,87,37],[305,306,46,262,307,37],"8766908",13,"matthew86",[116,309,33,242,117,37],14,[311,312,45,313,314,37],"8767227",15,"project\u002Fneutral\u002Fexecution","acomjean",[74,312,37,245,11,33],[317,312,46,318,319,37],"8767401","project\u002Fpositive\u002Fexecution","ponyous",[321,312,45,313,113,37],"8767561",[323,324,46,262,325,37],"8766898",16,"partsteet",[327,328,46,262,329,37],"8766889",17,"kaspar-naaber",[157,331,45,332,158,37],18,"project\u002Fneutral\u002Fdocs",[],[335,340,345,350,355,360],{"id":336,"name":337,"points":338,"category":339},"8787733","Startup Fighter",117,"games",{"id":341,"name":342,"points":343,"category":344},"8787783","Espion",109,"web_saas",{"id":346,"name":347,"points":348,"category":349},"8774257","ping.gg",95,"infrastructure",{"id":351,"name":352,"points":353,"category":354},"8782320","reread",81,"consumer_social",{"id":356,"name":357,"points":358,"category":359},"8790970","Chicory",76,"languages",{"id":361,"name":362,"points":363,"category":339},"8782069","Rudolph Runner",61,false,"v2",{"id":367,"name":5,"line":6,"ai":364,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":368,"top":18,"kw":369,"maker":11,"domain":10,"tier":19,"attempts":37,"strip":370,"url":9,"mix":371,"praise":82,"objection":102,"sub":21},8766865,0.14,[21,24,25,26,27],"0305303010010111050305000550305351305355",[31,32,33,32],1793990916995]