Comments (10)
This does appear to be a bug - not sure why it's breaking but let us look into it.
from bootstrap-wysiwyg.
I have just tested both situations you mentioned. In each test I conducted the editor performed normally. During the first scenario, after I clicked the italics button the text contained both bold and italics formatting. When I tried the second scenario, the bold formatting was removed after pressing the bold button a second time.
I am using the following browsers:
Internet Explorer: 11.0.9600.17842
Firefox: 38.0.5
Google Chrome: 43.0.2357.124
from bootstrap-wysiwyg.
Hi Tyler,
You can check this bug on the following address:
http://test.myfirstmail.co.uk/ui/child/new_message.php
The third control from the top is the editor styled using Materialized framework.
I just retested that and the bug still appears there.
If you could give me any hints on how to avoid that if this is some kind of my mistake - I would be even more that grateful :)
from bootstrap-wysiwyg.
I just tested your page using the same three browser versions mentioned above and I encountered no issues. Everything worked just like it should.
What browser are you using? What version of it do you have installed?
from bootstrap-wysiwyg.
Chrome 43.0.2357.124 m
The clue is that you need to click add some text, then after being at the end of the text (nothing selected - just a cursor blinking) click "B" icon (--> it will turn to Bold and icon will get enabled) and then immediatelly click "B" icon again (--> it is not changing back to disabled)...
EDIT: same thing on IE 11.0.9600.17842
OS: Windows 8.1, Polish version
from bootstrap-wysiwyg.
Ok let me just make sure I understand this.
First I type something into the textbox (last textbox on the page). Then with my cursor at the end of the word I click the bold button?
Is that right? Are you not highlighting the text before clicking the bold button?
from bootstrap-wysiwyg.
Exactly...Without highlighting anything you Bold and then without doing anything else - click Bold again...
Normally Bold should disable on the second click, but it does not...
from bootstrap-wysiwyg.
I believe the reason nothing is happening is because nothing is highlighted. The editor applies the formatting to what you have selected. If you highlight the text first then click the button it should work correctly.
What we might need to do is verify that the user has actually selected some text before doing anything. That way the button doesn't act like something should have changed.
from bootstrap-wysiwyg.
@voyteck0 I have been working on fixing some of the reported issues over the past couple months. Could you try testing this again using the latest code found in the 2.0-dev branch? That code has not been released yet but it is the latest version and I believe will work for you.
from bootstrap-wysiwyg.
It works properly if you select text. If you do not select text, it still exhibits the behavior described in the initial bug report.
Steps to reproduce:
- type some text
- do not select any text
- click bold (it should now be selected / blue)
- click italic (bold button is now deselected, italics is now selected)
- type some text
Expected behavior:
Both the Bold and Italic icons should be selected/highlighted/blue
Text typed after selecting both bold and italic should be both bold and italic
Actual behavior:
Only the Italic icon is selected
Text typed after selecting both is just italic
from bootstrap-wysiwyg.
Related Issues (20)
- Bootstrap Version HOT 4
- bootstrap-wysiwyg-4 npm install error HOT 2
- Release updated version of the project.
- Clicking for cancel not work! HOT 1
- Semantic Web support HOT 1
- Provide a way to insert images by uploading to the server instead of Base64 encoding the images HOT 7
- Image size restriction increases file size HOT 4
- Filter Images HOT 1
- Switch to html source button
- Where is Official Maintained Code? HOT 1
- Wrong 'saveSelection' HOT 3
- Document and fix cleanHtml
- Expose API to allow bulding on top of the plugin
- Add 'target' attribute to hyperlink.
- Force default font size HOT 1
- Expand the DIV
- touchend is never executed cause (!this.getCurrentRange) is never true
- Unused options
- Spell checking plugin HOT 1
- What's with all the weird emails on the wiki?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bootstrap-wysiwyg.