JavaScript CKEditor multiple span tags

In ckeditor, instead of styles, I want to have classes for all styles. So I have used the following configuration.

config.coreStyles_bold = {
    element: 'span',
            attributes: { 'class': 'Bold' },
};
config.coreStyles_italic = {
    element: 'span',
    attributes: { 'class': 'Italic' },
};

The Bold and Italic classes are defined in my contentsCss file.

But suppose I have following text in my editor

Sky is blue.

If I apply Bold and then Italic on this. Then generated output is :

<span class = 'Italic'> <span class = 'Bold'> Sky is blue </span> <span>

i.e. two different tags for Bold and Italic are being generated.

Whereas I would like to have the following output :

<span class= 'Bold Italic' > Sky is blue </span>

Is it possible ?
Note : I am using CKeditor 4.4.1

Answer:1

I am new to react-native. I am trying to use async/await but it doesn't wait for other function to return response and alert immediately it will not wait 4 seconds. Here is my code Please help me. ...

I am new to react-native. I am trying to use async/await but it doesn't wait for other function to return response and alert immediately it will not wait 4 seconds. Here is my code Please help me. ...

  1. react native asyncstorage
  2. react native asyncstorage example
  3. react native async
  4. react native async function
  5. react native asyncstorage best practices
  6. react native asyncstorage array
  7. react native asyncstorage getitem
  8. react native async render
  9. react native asyncstorage login example
  10. react native asyncstorage multiset example
  11. react native asyncstorage not working
  12. react native asyncstorage clear
  13. react native asyncstorage setitem
  14. react native asyncstorage save object
  15. react-native-async-storage npm
  16. react native async componentdidmount
  17. react native asyncstorage removeitem
  18. react native asyncstorage redux
  19. react native asyncstorage limit
  20. react native asyncstorage save array

I am new to nodejs and i need to divide an array which contain dates on x-axis and its points on y axis and trying to draw a graph using an array to store data for x and y axis to do that i am doing ...

I am new to nodejs and i need to divide an array which contain dates on x-axis and its points on y axis and trying to draw a graph using an array to store data for x and y axis to do that i am doing ...

  1. divide array into equal parts
  2. divide array into equal parts python
  3. divide array into equal parts javascript
  4. divide array into equal parts java
  5. divide array into 3 equal parts
  6. divide array into increasing sequences
  7. divide array into n equal parts
  8. divide array into k equal parts
  9. divide array into equal parts matlab
  10. divide array into k parts
  11. divide array into equal parts leetcode
  12. divide array into equal parts c++
  13. divide array into increasing sequence leetcode
  14. divide array into equal parts ruby
  15. divide array into segments
  16. divide array into 4 equal parts
  17. divide array into equal parts php
  18. divide array into two parts javascript
  19. divide array into subarrays java
  20. divide array into chunks

I'm working on a network visualization using Three.js and am having trouble determining why my ray casting implementation is not identifying the correct points (Full example and source). More ...

I'm working on a network visualization using Three.js and am having trouble determining why my ray casting implementation is not identifying the correct points (Full example and source). More ...

Sounds easy probably, but not for a beginner programmer :) I have a simple 3 field form with a submit button and a clear button. This is for a homework assignment, and we have been tasked to get the ...

Sounds easy probably, but not for a beginner programmer :) I have a simple 3 field form with a submit button and a clear button. This is for a homework assignment, and we have been tasked to get the ...