জেএসফিডেলে কোনও ডাউনলোড ফাংশন আছে?

Question

জেএসফিডেলে কোনও ডাউনলোড ফাংশন রয়েছে, তাই আপনি কোনও ফাইলটিতে সিএসএস, এইচটিএমএল এবং জেএস সহ একটি এইচটিএমএল ডাউনলোড করতে পারেন, যাতে আপনি ডিবাগের উদ্দেশ্যে জেএসফিডাল ছাড়াই এটি চালাতে পারেন?

Comments

একটিও পাই না। তারা পরে এটি লাগাতে হবে?

— চেটার হুমিন

যারা কাঁচা উত্স কোড চেকআউট পেতে চাইছেন তাদের জন্য @ প্রদীপ কুমার প্রবহরনের উত্তর (এটি

— প্রশংসাধীন

Answer 1

ঠিক আছে আমি খুঁজে পেয়েছি:

আপনি /showযে ইউআরএলে কাজ করছেন তার পরে আপনাকে একটি
লিখতে হবে: http://jsfiddle.net/<your_food_id>/show/
এটি সেই সাইট যা ফলাফল দেখায়।

এবং তারপরে আপনি এটিকে ফাইল হিসাবে সংরক্ষণ করবেন। এটি সবই একটি HTML- ফাইলের মধ্যে রয়েছে file

উদাহরণস্বরূপ:
http://jsfiddle.net/Ua8Cv/show/
সাইটের জন্য http://jsfiddle.net/Ua8Cv

Comments

Github.com/jsfiddle/jsfiddle-docs-alpha/issues/156

— ল্যারি ব্যাটাল

উদাহরণস্বরূপ, খুব নিজেরটিতে, http://jsfiddle.net/Ua8Cvযদি আপনি ঠিক /showঠিকানা বারে অতিরিক্ত টাইপ করেন এবং উত্সটি পেতে প্রবেশদ্বারটি (ব্রাউজার শো উত্স কোড শর্টকাট অনুসরণ করে) টিপুন।

— হেলটনবাইকার

আমি জাস্টফিডেলের এইচটিএমএল সোর্স কোডটিতে টুলবারে একটি লুকানো বোতাম দেখতে পাচ্ছি <a class="aiButton" id="showjscode" title="Show JavaScript code" href="#showjs"><span class="icon-pencil"></span>Show JS</a>। এটি কিছুই করে না, তবে সম্ভবত শীঘ্রই আসবে

— 13:30

২০১৫-এ যাওয়ার পরে /show, পুরো পৃষ্ঠাটি সংরক্ষণ করুন, তারপরে যে ফোল্ডারটি শেষ হয় তার দিকে দেখুন _files, অভ্যন্তরের .htmlউদাহরণের উত্স কোড সহ একটি ফাইল হওয়া উচিত ।

— কাস্ত্রো রায় 21

গুরুতর পদক্ষেপ অনুপস্থিত। Jsfiddle.net/Ua8Cv/ এর পরে জাভাস্ক্রিপ্ট নির্বাচন করুন, ফ্রেম উত্স দেখুন চয়ন করুন, তারপরে সংরক্ষণ করুন। শুধু পৃষ্ঠার উত্স নয়।

— এরিক ব্রিজার

Answer 2

একটি পুরানো প্রশ্নের নতুন উত্তর:

পদ্ধতি 1:

পদক্ষেপ 1 : আপনি কাজ করছেন /showতার পরে URLআপনাকে রাখতে হবে:

http://jsfiddle.net/<fiddle_id>/show/ 

এটি ফলাফল শিরোনাম সহ আউটপুট দেখায়।

পদক্ষেপ 2 : নীচের ফ্রেমে ডান ক্লিক করুন এবং ফ্রেম উত্স দেখুন নির্বাচন করুন । এটাই. আপনি অনলাইন জেএস লিঙ্ক, সিএসএস সহ এইচটিএমএল কোড পেয়েছেন।

শুধু এটি সংরক্ষণ করুন।

উদাহরণস্বরূপ: http://jsfiddle.net/YRafQ/20/sh// সাইটের জন্য http://jsfiddle.net/YRafQ/20/

দ্রষ্টব্য: ফ্রেম উত্স দেখুন এবং পৃষ্ঠা উত্সটি দেখুন না

পদ্ধতি 2:

আপনি এই কোডটি ব্যবহার করতে পারেন: view-source:http://fiddle.jshell.net/<fiddle_id>/show/light/

উদাহরণস্বরূপ: আমার ফিডল_আইডের জন্য: YRafQ/20

view-source:http://fiddle.jshell.net/YRafQ/20/show/light/

Comments

ধন্যবাদ! দ্বিতীয় ধাপটি আমার পক্ষে মোটেই সুস্পষ্ট ছিল না।

— ক্রিস প্রিন্স

স্টেপ 1 এ আমরা "ফলাফল" লিঙ্ক-সহ একই পৃষ্ঠার অতিরিক্ত একটি শিরোনাম পেয়েছি এবং "জিসফিডেলে সম্পাদনা করুন" লিঙ্কে .. আউটপুটটিতে ডানদিকের ক্লিক করা উচিত (সেই শিরোনামটি বাদ দিয়ে) এবং ফ্রেম উত্সটি দেখুন ..

— প্রদীপ কুমার প্রবাহন

এটি সম্পূর্ণ উত্তর, স্বীকৃত উত্তর থেকে পরিষ্কার নয়

— এরিক ব্রিজার

@ লিজলাইটারাক আমি মনে করি আপনি পদ্ধতি 1 এর জন্য পৃষ্ঠা উত্সটি দেখার চেষ্টা করেছেন। এটি ফ্রেম উত্স দেখার জন্য কাজ করে । উদাহরণ লিঙ্কটি সহ ক্রস চেক করুন।

— প্রদীপ কুমার প্রবহরন

@ লিজলাইটারাক আপডেট হয়েছে। এবং মনে করিয়ে দেওয়ার জন্য ধন্যবাদ যাতে এখন উত্তর কারও পক্ষে আরও স্পষ্ট হবে।

— প্রদীপ কুমার প্রবহরন

Answer 3

যোগ করা / শো কোনও খাঁটি উত্স কোড উপস্থাপন করে না, এটি একটি এমবেডেড কাজের উদাহরণ। এটি কোনও অতিরিক্ত স্ক্রিপ্ট, সিএসএস এবং এইচটিএমএল ছাড়াই প্রদর্শন করতে ব্যবহার করুন:

http://fiddle.jshell.net/<fiddle id>/show/light/

একটি উদাহরণ: http://fiddle.jshell.net/Ua8Cv/show/light/

Comments

আপনি কি তা দেখেছেন? কি Resultহেডারের মধ্যে?

— ছোট এলিয়েন

সম্ভবত এটি একবার কাজ করেছে, তবে 2018 সালে, "ফ্রিডাল.জশেল.net" HTTP রেফারার শিরোনাম ছাড়াই এই জাতীয় URL এ নেভিগেট করা এটিকে jsfiddle.net/<fizz id> / show / or jsfiddle.net এর মতো একটি আইফ্রেমে এম্বেড করে দেয় gives / <ফিডাল আইডি> / এম্বেড / ফলাফল /

— জ্যাকব সি বলেছেন, মনিকা পুনর্নির্ধারণ

Answer 4

না, জেএসফিডেলের একটি ডাউনলোড বৈশিষ্ট্য নেই। যাইহোক, এটির কাছাকাছি যাওয়া এবং যে কোনও উপায়ে কোনও ফিডেলের সামগ্রী সংরক্ষণ করা খুব কঠিন নয়।

গ্রহণযোগ্য উত্তর পোস্ট হওয়ার সময় থেকে, জেএসফিডাল কিছু সাম্প্রতিক ইউআই এবং ব্যাকএন্ড পরিবর্তন করেছে যা কোনও ফিডল ডাউনলোড করার উপায়কে প্রভাবিত করে। নীচে আপডেট পদ্ধতি নোট করুন।

---

সাধারণ কমান্ডলাইন পদ্ধতি

এই পদ্ধতিটি কেবলমাত্র একক ফাইল হিসাবে ফিডলের এইচটিএমএল, জাভাস্ক্রিপ্ট এবং সিএসএস ডাউনলোড করে। ফিডলের বাহ্যিক সংস্থানগুলি সংরক্ষণ করা হয়নি।

নীচে প্রদর্শিত কমান্ডলাইনে, ফিটলের fiddle_idআইডি নম্বর বোঝায়। " http://jsfiddle.net/<fiddle_user>/<fiddle_id>" বা " http://jsfiddle.net/<fiddle_id>" ইউআরএল সহ একটি ঝাঁকুনির জন্য , কেবলমাত্র fiddle_idপ্রয়োজনীয়। fiddle_userগুরুত্বহীন নয়।

শেল প্রম্পটে একটি একক কমান্ডলাইন প্রবেশ করান:

fiddleId=fiddle_id; curl "http://fiddle.jshell.net/${fiddleId}/show/" -H "Referer: http://fiddle.jshell.net/${fiddleId}/" --output "${fiddleId}.html"

ফিডল " fiddle_id.html" নামের একটি ফাইলে সংরক্ষণ করা হবে ।

---

লম্বা ব্রাউজার পদ্ধতি

এই পদ্ধতিটি ফিডলটি পাশাপাশি এর বাহ্যিক সংস্থানগুলিও ডাউনলোড করে। প্রদত্ত পদক্ষেপগুলি গুগল ক্রোম ব্যবহারের উপর ভিত্তি করে। অন্যান্য ওয়েব ব্রাউজারগুলি ব্যবহার করেও কাজ করা উচিত তবে তারা বিভিন্ন ফাইলের নাম ব্যবহার করতে পারে।

1. Share/Embedজেএসফিডাল সম্পাদনা পৃষ্ঠার শীর্ষে " " মেনু / লিঙ্কটি নির্বাচন করুন । প্রদর্শিত ডায়লগ বাক্সে " Share full screen result" ক্ষেত্রে প্রদর্শিত URL টি অনুলিপি করুন । এটি " http://jsfiddle.net/<fiddle_user>/<fiddle_id>/embedded/result/" বা " http://jsfiddle.net/<fiddle_id>/embedded/result/" ফর্মের হবে ।
2. একটি নতুন ব্রাউজার উইন্ডো খুলুন এবং আগের ধাপে অনুলিপি করা URL এ আটকান। পৃষ্ঠাটি লোড করুন।
3. পৃষ্ঠা এবং এর সমস্ত সংস্থানগুলি আপনার স্থানীয় কম্পিউটারে সংরক্ষণ করতে আপনার ব্রাউজারের সংরক্ষণ বৈশিষ্ট্যটি ব্যবহার করুন। গুগল ক্রোম ব্যবহার করে সমস্ত সংস্থান সংরক্ষণ করতে উদাহরণস্বরূপ, Webpage, Complete" Format" মেনুতে " " নির্বাচন করতে ভুলবেন না । পৃষ্ঠার জন্য একটি নাম নির্দিষ্ট করে নিশ্চিত করুন। এর fiddle.htmlউদাহরণ হিসাবে এটির " " নামকরণ করা যাক ।
4. পৃষ্ঠাটি আপনার কম্পিউটারে সংরক্ষণ করার পরে, আপনার কাছে " fiddle.html" ফাইল এবং " fiddle_files" নামের একটি ডিরেক্টরি থাকবে । ফাইলটি " fiddle.html" হ'ল মোড়ক পাতা যা জেএসফিডাল একটি "ফলাফল" শিরোনাম এবং অন্যান্য লিঙ্কগুলির সাথে শিরোনাম প্রদর্শন করতে ব্যবহার করে। এটি আপনার ফ্রেডটি কোনও আইফ্রেমে উপাদানগুলিতে লোড করবে। বেশিরভাগ অংশে, এই ফাইলটিকে উপেক্ষা করা বা এমনকি মুছে ফেলা যায়। আপনার ফিডলের এইচটিএমএল, জাভাস্ক্রিপ্ট এবং সিএসএস সামগ্রী সমস্ত " fiddle_files" ডিরেক্টরিতে " saved_resource.html" নামের একক ফাইল হিসাবে ডিরেক্টরিতে সংরক্ষণ করা হবে ।
5. fiddle_files/saved_resource.htmlআপনি যেখানেই এটি ব্যবহার করতে চান সেখানে " " অনুলিপি করুন । যদি আপনার ফ্রেড আইটেমগুলিকে " External Resources" এর অন্তর্ভুক্ত করে থাকে তবে সেগুলিও " fiddle_files" ডিরেক্টরিতে প্রদর্শিত হবে । আপনি যে saved_resource.htmlফাইলটিতে অনুলিপি করেছেন সেখানে একই ফাইলগুলি অনুলিপি করতে ভুলবেন না , কারণ এইচটিএমএল ফাইল আপেক্ষিক ইউআরএল ব্যবহার করে সেই সংস্থানগুলিকে উল্লেখ করবে।

পূর্বে উল্লিখিত হিসাবে, অন্যান্য ব্রাউজারগুলি সেভ করার সময় ফাইলগুলির নাম আলাদাভাবে রাখতে পারে। উদাহরণস্বরূপ, ফায়ারফক্স সংযুক্ত এইচটিএমএল / জেএস / সিএসএস ফাইলের নাম দেয় " fiddle_files/a.html"।

Answer 5

তবুও ডাউনলোডের কোনও কার্যকারিতা সমর্থিত নয় .. তবে আপনি jsfiddle-downloader নোড স্ক্রিপ্টটি ব্যবহার করতে পারেন ।

ইনস্টলেশন :

npm install jsfiddle-downloader -g

এর আইডি থেকে একটি একক ফিডল ডাউনলোড করতে :

jsfiddle-downloader -i <fiddle-id> [-o <output file>]

এর ইউআরএল থেকে একটি একক ফিডল ডাউনলোড করতে :

jsfiddle-downloader -l <url> [-o <output file>]
jsfiddle-downloader -l jsfiddle.net/<user>/<fiddle-id>
jsfiddle-downloader -l https://jsfiddle.net/<fiddle-id>
jsfiddle-downloader -l https://jsfiddle.net/<user>/<fiddle-id>/show/ -o myfiddle.html

JsFiddle.net থেকে নির্ধারিত 'ব্যবহারকারীর' সমস্ত স্ক্রিপ্ট ডাউনলোড করতে :

jsfiddle-downloader -u <user> [-o <output file>]

এটি কার্রেন্ট ডিরেক্টরিতে সমস্ত ব্যাকআপ ডাউনলোড করবে, jsFiddles স্ক্রিপ্টগুলির নাম দেওয়া হবে:

[<output-folder>/]<id-fiddle>.html

Answer 6

পদক্ষেপ 1:
পছন্দসই একটি পাদদেশ পৃষ্ঠাতে যানjsfiddle.net/oskar/v5893p61

পদক্ষেপ 2:
URL এর শেষে '/ শো' যুক্ত করুন, পছন্দ করুন likejsfiddle.net/oskar/v5893p61/show

পদক্ষেপ 3:
পৃষ্ঠায় ডান ক্লিক করুন এবং দেখুন ফ্রেম উত্সটিতে ক্লিক করুন । আপনি ট্যাগে সিএসএস এবং জাভাস্ক্রিপ্ট (জেএস) সহ এইচটিএমএল কোড পাবেন। [এছাড়াও সমস্ত গ্রন্থাগারের উত্স লিঙ্ক যুক্ত করা হবে]। স্ক্রিনশট দেখুন

পদক্ষেপ 4:
এখন আপনি একটি html ফাইলে উত্স কোড সংরক্ষণ করতে পারেন ।

Answer 7

সবচেয়ে ভাল উপায়:

1. আউটপুট প্যানেলে রাইট ক্লিক করুন।
2. দৃশ্যের ফ্রেম উত্সটি চয়ন করুন, তারপরে পুরো কোডটি উপস্থিত হবে।

এর পরে আপনি সেই কোডটি অনুলিপি করতে পারেন এবং এটি আপনার কম্পিউটারে পেস্ট করতে পারেন।

Answer 8

সাম্প্রতিক কাজকালে আমাকে ফ্রিডল ইউআরএলগুলির একটি তালিকা ডাউনলোড করতে হবে এবং প্রতিটি ফিডলগুলির জন্য পৃথক এইচটিএমএল সিএসএস জেএস ফাইল থাকার জন্য পৃথক ফোল্ডার তৈরি করতে হয়েছিল, আমি এটির জন্য নিম্নলিখিত ক্রলার প্রোগ্রামটি তৈরি করেছি। https://github.com/sguha-work/FiddleCrawler। এটি কাউন্টার মান সহ ফোল্ডারের নাম তৈরি করবে এবং প্রতিটি ফোল্ডারে একটি এইচটিএমএল, সিএসএস, একটি জেএস এবং বিশদ ফাইল থাকবে। (বিশদ ফাইলটি বাহ্যিক সংস্থার লিঙ্কগুলি ধারণ করবে)।

Answer 9

আমি উপরের বিষয়টির অধীনে একটি নিবন্ধ পেয়েছি by এর মাধ্যমে আমি পুরো কোডটি নিতে পারি Iআমি এটি উল্লেখ করব।

নিবন্ধে উল্লিখিত পদক্ষেপগুলি এখানে:

1. আপনি দখল করতে চান জেএসফিডাল URL এর শেষে এম্বেড / ফলাফল / যুক্ত করুন।

2. ফ্রেম বা ফ্রেমের উত্স কোডটি দেখান: পৃষ্ঠার যে কোনও জায়গায় ডান ক্লিক করুন এবং ফ্রেমটিকে একটি নতুন ট্যাবে বা উত্সটি ডানদিকে দেখুন (ফায়ারফক্সের প্রয়োজন)।

3. শেষ অবধি, পৃষ্ঠাটিকে আপনার পছন্দসই বিন্যাসে সংরক্ষণ করুন (এমএইচটি, এইচটিএমএল, টিএক্সটি, ইত্যাদি) এবং ভয়েলি!

এছাড়াও আপনি এটি পেতে পারেন: https://sirusdark.wordpress.com/2014/04/10/how-to-save-and-download-jsfiddle-code/

Answer 10

আপনি এই প্যাকেজটি নোড জেএসে ব্যবহার করে ডাউনলোড করতে পারেন,

https://www.npmjs.com/package/jsfiddle-downloader

Answer 11

আপনি যে ইউআরএলে কাজ করছেন তার পরে আপনাকে একটি প্রদর্শন / প্রদর্শন করতে হবে:

উদাহরণ স্বরূপ:

"http://jsfiddle.net/rkw79/PagTJ/show/"

ফিল্ড ইউআরএলের জন্য:

"http://jsfiddle.net/rkw79/PagTJ/"

তারপরে ফাইলটি সংরক্ষণ করুন এবং সেই ফোল্ডারের নীচে শো ফোল্ডারে (বা ফাইলের নাম দিয়ে আপনি সংরক্ষণ করেছেন) এ যান আপনি একটি এইচটিএমএল ফাইল শো_রেসোর্স পাবেন TML এইচটিএমএল hat এটি আপনার আসল ফাইল now ব্রাউজারে খুলুন এবং উত্স কোডটি দেখুন । শুভকামনা -------- উজ্জ্বল গুপ্ত

Comments

একটি উচ্চ upvated উত্তর দিয়ে 2 বছর আগে যে প্রশ্নগুলি সমাধান করা হয়েছে দয়া করে উত্তর দেওয়া বন্ধ করুন। এটি কারও কোনও লাভ দেয় না।

— রেয়রিং

Answer 12

ঠিক আছে, সবচেয়ে সহজ উপায়, আমি জানতে পেরেছিলাম যে কেবলমাত্র ইউআরএল (জেএসফিডাল [ডট] নেট )টিকে ফিডল [ডট] জেসেল [ডট] নেট থেকে পরিবর্তন করা হয়েছে / সেখানে আপনার কোনও স্পষ্ট এইচটিএমএল কোড রয়েছে, কোনও ধরণের আইফ্রেমে ছাড়াই ... উদাহরণ: https: // জেএসফিডাল [ডট] নেট / এমএফভিময় 64৪ / ২ / / শো / লাইট / -> http: // ফ্রিডল [ডট] জেহেল [ডট] নেট / এমএফভিময়64 / 27 / শো / হালকা /

( স্ট্যাকারওভারফ্লোর কারণে অবশ্যই '।' এর '"[ডট]" এ পরিবর্তন করা উচিত ...: সি ) পিএস: স্যার 4 খারাপ ইংরাজী

Answer 13

জেএসফিডাল থেকে সমস্ত কিছু একসাথে ডাউনলোড করার মতো উপযুক্ত উপায় নেই তবে এটি করার একটি হ্যাক উপায় রয়েছে। আপনার জেএসফিডেল URL এর শেষে কেবল "এম্বেড /" বা "এম্বেড / ফলাফল /" যুক্ত করুন! এবং তারপরে আপনি পুরো পৃষ্ঠাটি একটি HTML ফাইল + বাহ্যিক লাইব্রেরি হিসাবে সংরক্ষণ করতে পারেন (যদি আপনি চান)।

Answer 14

এনপিএম-প্যাকেজ আছে jsfiddle-downloader।

Answer 15

Http://jsfiddle.net/ / শো / হালকা / ব্যবহার করুন

তারপরে কেবল ব্রাউজারের উপাদান ফাংশন পরিদর্শন করুন। আপনি iframe ট্যাবে কোড পাবেন। । ক্রোমে ঠিক ডান ক্লিক করুন এবং এইচটিএমএল ট্যাব হিসাবে সম্পাদনা ক্লিক করুন। এবং এইচটিএমএল সামগ্রীটি অনুলিপি করুন। এটি আপনার আসল কোড।

Answer 16

Ctrl+ S, পুরো ফিডল সংরক্ষণ করে, ফাইল ফোল্ডারের ভিতরে আপনি সন্ধান করছেন এমন পরিষ্কার পৃষ্ঠা রয়েছে

Comments

এই নির্দেশাবলী খুব অস্পষ্ট।

— এলএস