Handle block inserts with inline styles

Fixes #2
casetext · Aug 3, 2015 · 3545481 · 3545481
1 parent 28e0029
commit 3545481
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/index.js b/index.js
@@ -73,10 +73,12 @@ function convert(ops) {
 		var op = ops[i];
 		if (op.insert === 1) {
 			for (var k in op.attributes) {
-				newLine();
-				format.block[k].call(line, $, op.attributes[k]);
-				newLine();
-				activeInline = {};
+				if (format.block[k]) {
+					newLine();
+					applyStyles(op.attributes);
+					format.block[k].call(el, $, op.attributes[k]);
+					newLine();
+				}
 			}
 		} else {
 			var lines = op.insert.split('\n');

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "quill-render",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Renders quilljs deltas into HTML",
   "main": "index.js",
   "dependencies": {

diff --git a/test/test.js b/test/test.js
@@ -182,7 +182,7 @@ describe('quill-render', function() {
 		.to.equal('<p><i>Italics! <a href="http://example.com">Italic link</a></i><a href="http://example.com"> regular link</a></p>');
 	});
 
-	it('handles multi-block inserts', function() {
+	it('handles block inserts with inline styles', function() {
 		expect(render([
 		{
 			"attributes": {
@@ -192,6 +192,6 @@ describe('quill-render', function() {
 			"insert": 1
 		}
 		]))
-		.to.equal('<p><a href="http://example.com"><img src="https://placekitten.com/g/200/300"></a></p>');
+		.to.equal('<p></p><p><a href="http://example.com"><img src="https://placekitten.com/g/200/300"></a></p><p></p>');
 	});
 });