এখানে একটি দুর্দান্ত সমাধান সরবরাহ করা
হয়েছে যা এইচটিএমএল রপ্তানি নোটবুকগুলির জন্য ভাল কাজ করে। এমনকি ওয়েবসাইটটি এই এসও পোস্টটিতে এখানে আবার লিঙ্ক করেছে, তবে আমি ক্রিসের সমাধানটি এখানে দেখতে পাচ্ছি না! (ক্রিস, আপনি কোথায় আছেন?)
এটি মূলত হর্ষিলের কাছ থেকে গৃহীত উত্তরের মতো একই সমাধান তবে রফতান হওয়া এইচটিএমএলে টগল কোডটি নিজেই আড়াল করার সুবিধা রয়েছে। আমি এও পছন্দ করি যে এই পদ্ধতির আইপিথন এইচটিএমএল ফাংশনের প্রয়োজনীয়তা এড়ানো যায়।
এই সমাধানটি বাস্তবায়নের জন্য, আপনার নোটবুকের শীর্ষে একটি 'কাঁচা এনবিসি রূপান্তর' কক্ষে নিম্নলিখিত কোডটি যুক্ত করুন:
<script>
function code_toggle() {
if (code_shown){
$('div.input').hide('500');
$('#toggleButton').val('Show Code')
} else {
$('div.input').show('500');
$('#toggleButton').val('Hide Code')
}
code_shown = !code_shown
}
$( document ).ready(function(){
code_shown=false;
$('div.input').hide()
});
</script>
<form action="javascript:code_toggle()">
<input type="submit" id="toggleButton" value="Show Code">
</form>
তারপরে কেবল এইচটিএমএলে নোটবুকটি রফতানি করুন। কোডটি দেখানোর জন্য বা লুকানোর জন্য নোটবুকের শীর্ষে একটি টগল বোতাম থাকবে।
ক্রিস এখানে একটি উদাহরণও সরবরাহ করে ।
আমি যাপিটার 5.0.0 এ কাজ করে যাচাই করতে পারি
আপডেট : div.prompt
উপাদানগুলির সাথে উপাদানগুলি প্রদর্শন / আড়াল করাও সুবিধাজনক div.input
। এটি In [##]:
এবং Out: [##]
পাঠ্য সরিয়ে দেয় এবং বামদিকে মার্জিন হ্রাস করে।