-<div class="panel">
- <div class="htmleditor">
- {{ html|safe }}
- </div>
-</div>
+{{ html|safe }}
<script type="text/javascript" charset="utf-8">
(function() {
- function resizeEditor(event, panel) {
- var panel = panel || event.data.panel;
- $('.htmleditor', panel).height($(panel).height());
- }
-
- panel(function(event, panel) {
- $(window).bind('resize', {'panel': panel}, resizeEditor);
- resizeEditor(null, panel);
- }, function(event, panel) {});
+ var id = Math.ceil(Math.random() * 1000000000);
+
+ panel(function(event, me) {
+ $(document).bind('panel:contentChanged.' + id, function(event, p) {
+ $('.change-notification', $(me).parent()).fadeIn();
+ });
+ $(me).addClass('panel-htmleditor');
+ }, function(event, me) {
+ $(me).removeClass('panel-htmleditor');
+ $(document).unbind('panel:contentChanged.' + id);
+ });
})()
-</script>
\ No newline at end of file
+</script>