kingease · October 10, 2018 11:47
diff --git a/index.js b/index.js
 // require() some stuff from npm (like you were using browserify)
 // and then hit Run Code to run it on the right

 var $ = require('jquery');
 var $main = $('#main');

 $main.html('hello <s>world</s>');
 $main.focus();

 var nodes = $main.contents();
 console.dir(nodes[1]);

 var range = document.createRange();
 range.setStart(nodes[0], 1);
 range.setEnd(nodes[1].firstChild, 1);

 var sel = document.getSelection();
 sel.removeAllRanges();
 sel.addRange(range);


 // test selection
 var sel = document.getSelection();
 var selRange = sel.getRangeAt(0);
 console.log(selRange.collapsed);
diff --git a/minified.js b/minified.js
diff --git a/package.json b/package.json
 {
  "name": "jquery select content in editor",
  "version": "1.0.0",
  "dependencies": {
    "jquery": "2.1.4"
  }
 }
diff --git a/page-body.html b/page-body.html
 <!-- contents of this file will be placed inside the <body> -->
 <h1>riddle editor</h1>
 <div contentEditable="true" class="text-area" id="main"></div>
diff --git a/page-head.html b/page-head.html
 <!-- contents of this file will be placed inside the <head> -->
diff --git a/requirebin.md b/requirebin.md
	// require() some stuff from npm (like you were using browserify)
	// and then hit Run Code to run it on the right

	var $ = require('jquery');
	var $main = $('#main');

	$main.html('hello <s>world</s>');
	$main.focus();

	var nodes = $main.contents();
	console.dir(nodes[1]);

	var range = document.createRange();
	range.setStart(nodes[0], 1);
	range.setEnd(nodes[1].firstChild, 1);

	var sel = document.getSelection();
	sel.removeAllRanges();
	sel.addRange(range);


	// test selection
	var sel = document.getSelection();
	var selRange = sel.getRangeAt(0);
	console.log(selRange.collapsed);
	{
	"name": "jquery select content in editor",
	"version": "1.0.0",
	"dependencies": {
	"jquery": "2.1.4"
	}
	}
	<!-- contents of this file will be placed inside the <body> -->
	<h1>riddle editor</h1>
	<div contentEditable="true" class="text-area" id="main"></div>