javascript - Formatting buttons for contentEditable reflect selection formatting -

-

we have contenteditable="true" div use wysiwyg text editor. added basic formatting toolbar similar 1 uses medium.com

enter image description here

using execcommand(), we're able make selected text bold if, instance, user presses bold button. works great.

however, haven't managed yet make bold button highlighted if user selects part of text in bold, illustrated in picture above. done passing is-active class on button of course, how know selected text is, in case, bold?

we think perhaps done using selection api use case seems undocumented.

since execcommand() use html tag wrappers b tag bold . when selecting word sure using sort of js show formating tollbar add more code in function this.

if(selectedelement.nodename == "b"){     toolbarboldbutton.classlist.add("is-active"); }

note: using js function "nodename" tag name wrapped around execcommand() in case bold/b matching if matches tag , if true adding is-active class toolbars bold style element.


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5); ...
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:...
Read more