لو سمحت ممكن مساعدة في هذا الكود احد الدكاترة قال لنا هذا الكود بلغة html فقد

يمكنك فعل ذلك من خلال الخاصية contenteditable وال event click.

 تحدد هذه الخاصية contenteditable ما إذا كان محتوى العنصر قابلاً للتحرير أم لا ولجعل محتوي العنصر قابل للتحرير نعطي للخاصية القيمة true.

لنفرض لديك paragraph كالتالي.

<p> Sponsored by Cockroach Labs
Introductions [ 00:24 ]
How is the role of the architect shifting? [ 02:50 ]
How do we maintain this type of living documentation and the culture that supports it? [ 06:27 ]
What impact is the increased visibility of “staff plus” roles having on the industry? [ 09:27 ]
Is it possib</p>

نقوم بتحديد هذا العنصر من خلال الجافاسكربت كالاتي.

var paragraph = document.querySelector("p");

ثم نضيف Event Listener عليclick ونقول له عند الضغط علي هذا ال paragraph قم بإضافة الخاصية contenteditable إلي العنصر المحدد كما في المثال التالي.

paragraph.addEventListener("click", function(){
  paragraph.setAttribute("contenteditable","true");

});

 وهذا لينك صفحة code pen يمكنك تجربة هذا المثال منها من هنا

يمكنك فعل ذلك من خلال كود HTML فقط بإضافة الخاصية contenteditable إلى Tag ال P هكذا. 

انظر علي المثال في صفحة Codepen من هنا (لقد قمت بالتعديل عليها).