<?php
 
// your code goes here
 
$content = '
<p class="para">Sila berkarya dengan kemas dan teratur...</p>
 
<p class="para">bansbnabsna</p>
 
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non augue vitae elit vehicula condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius nunc massa, id dictum urna auctor nec. Cras ut urna at sapien volutpat interdum posuere sed metus. Duis vel egestas turpis. Mauris maximus aliquam pellentesque. Mauris dapibus nisi non ante aliquet pretium. Cras vitae nisi pellentesque, ullamcorper nisi vitae, malesuada ante. Phasellus scelerisque congue diam ac cursus. Nullam arcu leo, condimentum sit amet elementum in, blandit blandit dui. Phasellus dignissim, nibh non aliquet facilisis, augue urna porta odio, eu porta neque purus a purus. Sed sollicitudin ut magna vitae lacinia. Mauris venenatis justo nisi, nec interdum nisl lobortis non. Aenean a dictum nisi, sed mollis massa. Praesent ut aliquet dui.
</p>
 
<p class="para">Nulla et tristique erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer volutpat nibh bibendum condimentum elementum. Duis tempor porta lobortis. Aenean mollis diam a justo condimentum, in iaculis leo ornare. Quisque ultrices pulvinar tortor a tempor. Ut et finibus ipsum. Vivamus nec interdum magna. Fusce dignissim laoreet libero sit amet lacinia. Mauris varius erat odio, a porta sapien pulvinar ut. Aliquam pretium arcu at nulla lobortis, eu ultrices ipsum porta. Quisque viverra ullamcorper elit ac scelerisque. Phasellus scelerisque laoreet laoreet. Nulla mattis sed ligula nec tempor. Vivamus condimentum nisi sit amet congue molestie. Nunc posuere id tellus et tincidunt.
</p>
 
<p class="para">Etiam sodales magna dui, et suscipit erat egestas non. Integer a malesuada nunc. Sed pharetra justo nec odio posuere, quis pellentesque massa fringilla. Donec dui metus, porttitor eget lacinia eget, consequat in est. Vestibulum id sapien quis est ultrices rutrum at id purus. Duis ac odio a metus ultricies varius sed a neque. Vestibulum porttitor tortor consequat fermentum viverra. Quisque convallis ex eu risus placerat tempus at vitae leo. Sed vel ante sit amet justo rhoncus convallis. Praesent lobortis lobortis fermentum. Sed sapien velit, bibendum aliquam nibh vitae, porttitor egestas odio.
</p>
 
<p class="para">Aliquam fermentum arcu nec dapibus dictum. Duis egestas turpis eu finibus ullamcorper. Fusce dictum sed leo hendrerit pretium. Morbi finibus sem tortor, at tristique mauris sodales placerat. Vestibulum auctor, nisi et pellentesque porttitor, lectus leo facilisis turpis, in iaculis ligula arcu eget urna. Vestibulum fermentum luctus lobortis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam rhoncus mollis consectetur. Fusce sagittis eros lacus, eu aliquam nisi ultricies ac. Sed sit amet lacinia ante. Quisque congue, tortor ac pretium volutpat, nisi nisi laoreet elit, id condimentum ex sapien at urna. Cras sollicitudin malesuada commodo. Integer rutrum sapien non lacinia lacinia. Sed aliquet massa vel erat auctor, quis malesuada felis mollis.
</p>
 
<p class="para">Proin eu ipsum sem. Sed sagittis arcu nec justo pulvinar, a suscipit magna pulvinar. Nullam ullamcorper est nec dui fringilla, ullamcorper ornare massa semper. Nulla sed ipsum lacus. Vivamus ut imperdiet magna. Nullam nec malesuada quam. Duis facilisis quis lorem eget laoreet. Fusce quis leo ultricies, ullamcorper diam eget, iaculis magna. Nulla nec nisi sit amet arcu dignissim suscipit a eget felis. Sed sagittis accumsan cursus. Mauris pharetra nunc ex, in dignissim lectus mattis et. Maecenas sit amet velit ac nisl fringilla rhoncus vitae a quam. Praesent in placerat nisi. Maecenas suscipit, odio non pretium pellentesque, tortor metus commodo nibh, faucibus egestas urna ex sit amet magna. Sed aliquet, mi non faucibus bibendum, erat eros consectetur dolor, vitae iaculis magna sem eget leo. Aliquam quis lorem finibus turpis pellentesque pulvinar.</p>
';
 
function format_content_as_editor($str){
   /* if($str){
      return
      //preg_replace('/(\r\n|\n|\r){3,}/', "$1$1",
      str_replace('<br/>', '',
      str_replace('<br>', '',
      preg_replace('/<p [^<]*?class="([^<]*?para.*?)">(.*?)<\/p>/s','<div class="$1" contenteditable="true" autocomplete="off">$2</div>',
      $str
      )
      )
      //)
      );
   } else {
      return  '<div class="para" contenteditable="true" autocomplete="off">Start writing..</div>';
   }*/
 
   $str = trim((string) $str);
 
    if (!$str) { // If empty.
        return  '<div class="para" contenteditable="true" autocomplete="off">Start writing..</div>';
    }
    // Strip <br>, <BR>, <Br>, <br/>, <br />, etc.
    $str = preg_replace('/\<br\s*\/?\>/i', '', $str);
 
    // Replace all <p class="para" ...>[content]</p>.
    $str = preg_replace('/\<p\s+class\s*\=\s*(["\'])para\\1([^>]*)\>(.*?)\<\/p\>/is', '<div class="para"$2 contenteditable="true" autocomplete="off">$3</div>', $str);
 
    return $str;
  }
 
  print_r(format_content_as_editor($content));

PD9waHAKCi8vIHlvdXIgY29kZSBnb2VzIGhlcmUKCiRjb250ZW50ID0gJwo8cCBjbGFzcz0icGFyYSI+U2lsYSBiZXJrYXJ5YSBkZW5nYW4ga2VtYXMgZGFuIHRlcmF0dXIuLi48L3A+Cgo8cCBjbGFzcz0icGFyYSI+YmFuc2JuYWJzbmE8L3A+Cgo8cCBjbGFzcz0icGFyYSI+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gU3VzcGVuZGlzc2Ugbm9uIGF1Z3VlIHZpdGFlIGVsaXQgdmVoaWN1bGEgY29uZGltZW50dW0uIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuIE1hZWNlbmFzIHZhcml1cyBudW5jIG1hc3NhLCBpZCBkaWN0dW0gdXJuYSBhdWN0b3IgbmVjLiBDcmFzIHV0IHVybmEgYXQgc2FwaWVuIHZvbHV0cGF0IGludGVyZHVtIHBvc3VlcmUgc2VkIG1ldHVzLiBEdWlzIHZlbCBlZ2VzdGFzIHR1cnBpcy4gTWF1cmlzIG1heGltdXMgYWxpcXVhbSBwZWxsZW50ZXNxdWUuIE1hdXJpcyBkYXBpYnVzIG5pc2kgbm9uIGFudGUgYWxpcXVldCBwcmV0aXVtLiBDcmFzIHZpdGFlIG5pc2kgcGVsbGVudGVzcXVlLCB1bGxhbWNvcnBlciBuaXNpIHZpdGFlLCBtYWxlc3VhZGEgYW50ZS4gUGhhc2VsbHVzIHNjZWxlcmlzcXVlIGNvbmd1ZSBkaWFtIGFjIGN1cnN1cy4gTnVsbGFtIGFyY3UgbGVvLCBjb25kaW1lbnR1bSBzaXQgYW1ldCBlbGVtZW50dW0gaW4sIGJsYW5kaXQgYmxhbmRpdCBkdWkuIFBoYXNlbGx1cyBkaWduaXNzaW0sIG5pYmggbm9uIGFsaXF1ZXQgZmFjaWxpc2lzLCBhdWd1ZSB1cm5hIHBvcnRhIG9kaW8sIGV1IHBvcnRhIG5lcXVlIHB1cnVzIGEgcHVydXMuIFNlZCBzb2xsaWNpdHVkaW4gdXQgbWFnbmEgdml0YWUgbGFjaW5pYS4gTWF1cmlzIHZlbmVuYXRpcyBqdXN0byBuaXNpLCBuZWMgaW50ZXJkdW0gbmlzbCBsb2JvcnRpcyBub24uIEFlbmVhbiBhIGRpY3R1bSBuaXNpLCBzZWQgbW9sbGlzIG1hc3NhLiBQcmFlc2VudCB1dCBhbGlxdWV0IGR1aS4KPC9wPgoKPHAgY2xhc3M9InBhcmEiPk51bGxhIGV0IHRyaXN0aXF1ZSBlcmF0LiBDbGFzcyBhcHRlbnQgdGFjaXRpIHNvY2lvc3F1IGFkIGxpdG9yYSB0b3JxdWVudCBwZXIgY29udWJpYSBub3N0cmEsIHBlciBpbmNlcHRvcyBoaW1lbmFlb3MuIEludGVnZXIgdm9sdXRwYXQgbmliaCBiaWJlbmR1bSBjb25kaW1lbnR1bSBlbGVtZW50dW0uIER1aXMgdGVtcG9yIHBvcnRhIGxvYm9ydGlzLiBBZW5lYW4gbW9sbGlzIGRpYW0gYSBqdXN0byBjb25kaW1lbnR1bSwgaW4gaWFjdWxpcyBsZW8gb3JuYXJlLiBRdWlzcXVlIHVsdHJpY2VzIHB1bHZpbmFyIHRvcnRvciBhIHRlbXBvci4gVXQgZXQgZmluaWJ1cyBpcHN1bS4gVml2YW11cyBuZWMgaW50ZXJkdW0gbWFnbmEuIEZ1c2NlIGRpZ25pc3NpbSBsYW9yZWV0IGxpYmVybyBzaXQgYW1ldCBsYWNpbmlhLiBNYXVyaXMgdmFyaXVzIGVyYXQgb2RpbywgYSBwb3J0YSBzYXBpZW4gcHVsdmluYXIgdXQuIEFsaXF1YW0gcHJldGl1bSBhcmN1IGF0IG51bGxhIGxvYm9ydGlzLCBldSB1bHRyaWNlcyBpcHN1bSBwb3J0YS4gUXVpc3F1ZSB2aXZlcnJhIHVsbGFtY29ycGVyIGVsaXQgYWMgc2NlbGVyaXNxdWUuIFBoYXNlbGx1cyBzY2VsZXJpc3F1ZSBsYW9yZWV0IGxhb3JlZXQuIE51bGxhIG1hdHRpcyBzZWQgbGlndWxhIG5lYyB0ZW1wb3IuIFZpdmFtdXMgY29uZGltZW50dW0gbmlzaSBzaXQgYW1ldCBjb25ndWUgbW9sZXN0aWUuIE51bmMgcG9zdWVyZSBpZCB0ZWxsdXMgZXQgdGluY2lkdW50Lgo8L3A+Cgo8cCBjbGFzcz0icGFyYSI+RXRpYW0gc29kYWxlcyBtYWduYSBkdWksIGV0IHN1c2NpcGl0IGVyYXQgZWdlc3RhcyBub24uIEludGVnZXIgYSBtYWxlc3VhZGEgbnVuYy4gU2VkIHBoYXJldHJhIGp1c3RvIG5lYyBvZGlvIHBvc3VlcmUsIHF1aXMgcGVsbGVudGVzcXVlIG1hc3NhIGZyaW5naWxsYS4gRG9uZWMgZHVpIG1ldHVzLCBwb3J0dGl0b3IgZWdldCBsYWNpbmlhIGVnZXQsIGNvbnNlcXVhdCBpbiBlc3QuIFZlc3RpYnVsdW0gaWQgc2FwaWVuIHF1aXMgZXN0IHVsdHJpY2VzIHJ1dHJ1bSBhdCBpZCBwdXJ1cy4gRHVpcyBhYyBvZGlvIGEgbWV0dXMgdWx0cmljaWVzIHZhcml1cyBzZWQgYSBuZXF1ZS4gVmVzdGlidWx1bSBwb3J0dGl0b3IgdG9ydG9yIGNvbnNlcXVhdCBmZXJtZW50dW0gdml2ZXJyYS4gUXVpc3F1ZSBjb252YWxsaXMgZXggZXUgcmlzdXMgcGxhY2VyYXQgdGVtcHVzIGF0IHZpdGFlIGxlby4gU2VkIHZlbCBhbnRlIHNpdCBhbWV0IGp1c3RvIHJob25jdXMgY29udmFsbGlzLiBQcmFlc2VudCBsb2JvcnRpcyBsb2JvcnRpcyBmZXJtZW50dW0uIFNlZCBzYXBpZW4gdmVsaXQsIGJpYmVuZHVtIGFsaXF1YW0gbmliaCB2aXRhZSwgcG9ydHRpdG9yIGVnZXN0YXMgb2Rpby4KPC9wPgoKPHAgY2xhc3M9InBhcmEiPkFsaXF1YW0gZmVybWVudHVtIGFyY3UgbmVjIGRhcGlidXMgZGljdHVtLiBEdWlzIGVnZXN0YXMgdHVycGlzIGV1IGZpbmlidXMgdWxsYW1jb3JwZXIuIEZ1c2NlIGRpY3R1bSBzZWQgbGVvIGhlbmRyZXJpdCBwcmV0aXVtLiBNb3JiaSBmaW5pYnVzIHNlbSB0b3J0b3IsIGF0IHRyaXN0aXF1ZSBtYXVyaXMgc29kYWxlcyBwbGFjZXJhdC4gVmVzdGlidWx1bSBhdWN0b3IsIG5pc2kgZXQgcGVsbGVudGVzcXVlIHBvcnR0aXRvciwgbGVjdHVzIGxlbyBmYWNpbGlzaXMgdHVycGlzLCBpbiBpYWN1bGlzIGxpZ3VsYSBhcmN1IGVnZXQgdXJuYS4gVmVzdGlidWx1bSBmZXJtZW50dW0gbHVjdHVzIGxvYm9ydGlzLiBJbnRlcmR1bSBldCBtYWxlc3VhZGEgZmFtZXMgYWMgYW50ZSBpcHN1bSBwcmltaXMgaW4gZmF1Y2lidXMuIE5hbSByaG9uY3VzIG1vbGxpcyBjb25zZWN0ZXR1ci4gRnVzY2Ugc2FnaXR0aXMgZXJvcyBsYWN1cywgZXUgYWxpcXVhbSBuaXNpIHVsdHJpY2llcyBhYy4gU2VkIHNpdCBhbWV0IGxhY2luaWEgYW50ZS4gUXVpc3F1ZSBjb25ndWUsIHRvcnRvciBhYyBwcmV0aXVtIHZvbHV0cGF0LCBuaXNpIG5pc2kgbGFvcmVldCBlbGl0LCBpZCBjb25kaW1lbnR1bSBleCBzYXBpZW4gYXQgdXJuYS4gQ3JhcyBzb2xsaWNpdHVkaW4gbWFsZXN1YWRhIGNvbW1vZG8uIEludGVnZXIgcnV0cnVtIHNhcGllbiBub24gbGFjaW5pYSBsYWNpbmlhLiBTZWQgYWxpcXVldCBtYXNzYSB2ZWwgZXJhdCBhdWN0b3IsIHF1aXMgbWFsZXN1YWRhIGZlbGlzIG1vbGxpcy4KPC9wPgoKPHAgY2xhc3M9InBhcmEiPlByb2luIGV1IGlwc3VtIHNlbS4gU2VkIHNhZ2l0dGlzIGFyY3UgbmVjIGp1c3RvIHB1bHZpbmFyLCBhIHN1c2NpcGl0IG1hZ25hIHB1bHZpbmFyLiBOdWxsYW0gdWxsYW1jb3JwZXIgZXN0IG5lYyBkdWkgZnJpbmdpbGxhLCB1bGxhbWNvcnBlciBvcm5hcmUgbWFzc2Egc2VtcGVyLiBOdWxsYSBzZWQgaXBzdW0gbGFjdXMuIFZpdmFtdXMgdXQgaW1wZXJkaWV0IG1hZ25hLiBOdWxsYW0gbmVjIG1hbGVzdWFkYSBxdWFtLiBEdWlzIGZhY2lsaXNpcyBxdWlzIGxvcmVtIGVnZXQgbGFvcmVldC4gRnVzY2UgcXVpcyBsZW8gdWx0cmljaWVzLCB1bGxhbWNvcnBlciBkaWFtIGVnZXQsIGlhY3VsaXMgbWFnbmEuIE51bGxhIG5lYyBuaXNpIHNpdCBhbWV0IGFyY3UgZGlnbmlzc2ltIHN1c2NpcGl0IGEgZWdldCBmZWxpcy4gU2VkIHNhZ2l0dGlzIGFjY3Vtc2FuIGN1cnN1cy4gTWF1cmlzIHBoYXJldHJhIG51bmMgZXgsIGluIGRpZ25pc3NpbSBsZWN0dXMgbWF0dGlzIGV0LiBNYWVjZW5hcyBzaXQgYW1ldCB2ZWxpdCBhYyBuaXNsIGZyaW5naWxsYSByaG9uY3VzIHZpdGFlIGEgcXVhbS4gUHJhZXNlbnQgaW4gcGxhY2VyYXQgbmlzaS4gTWFlY2VuYXMgc3VzY2lwaXQsIG9kaW8gbm9uIHByZXRpdW0gcGVsbGVudGVzcXVlLCB0b3J0b3IgbWV0dXMgY29tbW9kbyBuaWJoLCBmYXVjaWJ1cyBlZ2VzdGFzIHVybmEgZXggc2l0IGFtZXQgbWFnbmEuIFNlZCBhbGlxdWV0LCBtaSBub24gZmF1Y2lidXMgYmliZW5kdW0sIGVyYXQgZXJvcyBjb25zZWN0ZXR1ciBkb2xvciwgdml0YWUgaWFjdWxpcyBtYWduYSBzZW0gZWdldCBsZW8uIEFsaXF1YW0gcXVpcyBsb3JlbSBmaW5pYnVzIHR1cnBpcyBwZWxsZW50ZXNxdWUgcHVsdmluYXIuPC9wPgonOwoKZnVuY3Rpb24gZm9ybWF0X2NvbnRlbnRfYXNfZWRpdG9yKCRzdHIpewogICAvKiBpZigkc3RyKXsKICAgICAgcmV0dXJuCiAgICAgIC8vcHJlZ19yZXBsYWNlKCcvKFxyXG58XG58XHIpezMsfS8nLCAiJDEkMSIsCiAgICAgIHN0cl9yZXBsYWNlKCc8YnIvPicsICcnLAogICAgICBzdHJfcmVwbGFjZSgnPGJyPicsICcnLAogICAgICBwcmVnX3JlcGxhY2UoJy88cCBbXjxdKj9jbGFzcz0iKFtePF0qP3BhcmEuKj8pIj4oLio/KTxcL3A+L3MnLCc8ZGl2IGNsYXNzPSIkMSIgY29udGVudGVkaXRhYmxlPSJ0cnVlIiBhdXRvY29tcGxldGU9Im9mZiI+JDI8L2Rpdj4nLAogICAgICAkc3RyCiAgICAgICkKICAgICAgKQogICAgICAvLykKICAgICAgKTsKICAgfSBlbHNlIHsKICAgICAgcmV0dXJuICAnPGRpdiBjbGFzcz0icGFyYSIgY29udGVudGVkaXRhYmxlPSJ0cnVlIiBhdXRvY29tcGxldGU9Im9mZiI+U3RhcnQgd3JpdGluZy4uPC9kaXY+JzsKICAgfSovCiAgIAogICAkc3RyID0gdHJpbSgoc3RyaW5nKSAkc3RyKTsKCiAgICBpZiAoISRzdHIpIHsgLy8gSWYgZW1wdHkuCiAgICAgICAgcmV0dXJuICAnPGRpdiBjbGFzcz0icGFyYSIgY29udGVudGVkaXRhYmxlPSJ0cnVlIiBhdXRvY29tcGxldGU9Im9mZiI+U3RhcnQgd3JpdGluZy4uPC9kaXY+JzsKICAgIH0KICAgIC8vIFN0cmlwIDxicj4sIDxCUj4sIDxCcj4sIDxici8+LCA8YnIgLz4sIGV0Yy4KICAgICRzdHIgPSBwcmVnX3JlcGxhY2UoJy9cPGJyXHMqXC8/XD4vaScsICcnLCAkc3RyKTsKCiAgICAvLyBSZXBsYWNlIGFsbCA8cCBjbGFzcz0icGFyYSIgLi4uPltjb250ZW50XTwvcD4uCiAgICAkc3RyID0gcHJlZ19yZXBsYWNlKCcvXDxwXHMrY2xhc3NccypcPVxzKihbIlwnXSlwYXJhXFwxKFtePl0qKVw+KC4qPylcPFwvcFw+L2lzJywgJzxkaXYgY2xhc3M9InBhcmEiJDIgY29udGVudGVkaXRhYmxlPSJ0cnVlIiBhdXRvY29tcGxldGU9Im9mZiI+JDM8L2Rpdj4nLCAkc3RyKTsKCiAgICByZXR1cm4gJHN0cjsKICB9CiAgCiAgcHJpbnRfcihmb3JtYXRfY29udGVudF9hc19lZGl0b3IoJGNvbnRlbnQpKTs=