ErikSchierboom/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Knockout pre-rendered: textInit</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-debug.js"></script>
  <script src="https://rawgit.com/ErikSchierboom/knockout-pre-rendered/master/dist/knockout-pre-rendered.js" type="text/javascript"></script>
<style id="jsbin-css">
pre {
  white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
</style>
</head>
<body>
  <ul>
    <li>Name: <span data-bind="textInit: name">Michael Jordan</span></li>
    <li>Height: <span data-bind="textInit: {field: height, convert: parseInt }">198</span>cm</li>
    <li>Date of birth: <span data-bind="textInit: { field: dateOfBirth, convert: parseDate }">February 17, 1963</span></li>
  </ul>

  <p>View model:</p>
  <pre data-bind="text: ko.toJSON(viewModel)"></pre>
</script>
<script id="jsbin-javascript">
function ViewModel() {
  var self = this;

  self.name = ko.observable();
  self.height = ko.observable();
  self.dateOfBirth = ko.observable();

  self.parseDate = function(value) {
    var date = new Date(Date.parse(value));
    return date.toLocaleDateString();
  }
}

var viewModel = new ViewModel();
ko.applyBindings(viewModel);
</script>


<script id="jsbin-source-css" type="text/css">pre {
  white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}</script>

<script id="jsbin-source-javascript" type="text/javascript">function ViewModel() {
  var self = this;

  self.name = ko.observable();
  self.height = ko.observable();
  self.dateOfBirth = ko.observable();

  self.parseDate = function(value) {
    var date = new Date(Date.parse(value));
    return date.toLocaleDateString();
  }
}

var viewModel = new ViewModel();
ko.applyBindings(viewModel);</script></body>
</html>

## jsbin.jazeke.css
pre {
  white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

## jsbin.jazeke.js
function ViewModel() {
  var self = this;

  self.name = ko.observable();
  self.height = ko.observable();
  self.dateOfBirth = ko.observable();

  self.parseDate = function(value) {
    var date = new Date(Date.parse(value));
    return date.toLocaleDateString();
  }
}

var viewModel = new ViewModel();
ko.applyBindings(viewModel);
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Knockout pre-rendered: textInit</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-debug.js"></script>
	<script src="https://rawgit.com/ErikSchierboom/knockout-pre-rendered/master/dist/knockout-pre-rendered.js" type="text/javascript"></script>
	<style id="jsbin-css">
	pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	}
	</style>
	</head>
	<body>
	<ul>
	<li>Name: <span data-bind="textInit: name">Michael Jordan</span></li>
	<li>Height: <span data-bind="textInit: {field: height, convert: parseInt }">198</span>cm</li>
	<li>Date of birth: <span data-bind="textInit: { field: dateOfBirth, convert: parseDate }">February 17, 1963</span></li>
	</ul>

	<p>View model:</p>
	<pre data-bind="text: ko.toJSON(viewModel)"></pre>
	</script>
	<script id="jsbin-javascript">
	function ViewModel() {
	var self = this;

	self.name = ko.observable();
	self.height = ko.observable();
	self.dateOfBirth = ko.observable();

	self.parseDate = function(value) {
	var date = new Date(Date.parse(value));
	return date.toLocaleDateString();
	}
	}

	var viewModel = new ViewModel();
	ko.applyBindings(viewModel);
	</script>


	<script id="jsbin-source-css" type="text/css">pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	}</script>

	<script id="jsbin-source-javascript" type="text/javascript">function ViewModel() {
	var self = this;

	self.name = ko.observable();
	self.height = ko.observable();
	self.dateOfBirth = ko.observable();

	self.parseDate = function(value) {
	var date = new Date(Date.parse(value));
	return date.toLocaleDateString();
	}
	}

	var viewModel = new ViewModel();
	ko.applyBindings(viewModel);</script></body>
	</html>