ממיר HTML ל-JSX

פרסומת
כל הכלים חינם

הדבק HTML וקבל JSX נקי של React — class הופך ל-className, מאפיינים עוברים ל-camelCase, מחרוזות style הופכות לאובייקטים ותגיות נסגרות מעצמן. הכול פועל בדפדפן שלך. חינם.

הכול פועל בדפדפן שלך — הקוד שלך לעולם אינו עוזב את המכשיר.

snippet.html 
1
Component.jsx 

							

							

								{ }
								ה-JSX שלך יופיע כאן
							

						

					

				

			

		

	


        
                    

		


					
אודות ממיר HTML ל-JSX

							
ממיר ה-HTML ל-JSX הופך סימון HTML פשוט ל-JSX מוכן ל-React בזמן אמת. הוא משנה class ל-className ו-for ל-htmlFor, ממיר לגמל (camelCase) מאפיינים בסגנון מקף ומאפייני SVG, הופך מחרוזות style מוטבעות לאובייקטי style של JSX, וסוגר עצמאית אלמנטים ריקים כמו img ו-br — בדיוק העריכות שהייתם עושים ידנית.

							
הדביקו קטע, קטע עמוד שלם, או סימון שיוצא מכלי עיצוב, וחלונית ה-JSX מתעדכנת תוך כדי ההקלדה עם הדגשת תחביר. עטיפה אופציונלית הופכת את הפלט לרכיב פונקציה בעל שם, כך שהתוצאה נכנסת ישירות לפרויקט React ללא עריכה נוספת.

							
הממיר הוא כלי HTML ל-JSX המבוסס כולו בצד הלקוח: הסימון שלכם מומר על ידי JavaScript בדפדפן שלכם ולעולם אינו עוזב את המכשיר שלכם, מה שהופך אותו לבטוח לשימוש עם תבניות קנייניות ודפים פנימיים.

					
					
כיצד להשתמש ב-ממיר HTML ל-JSX

			
    
									
  1. הדביקו את ה-HTML שלכם בחלונית השמאלית, או לחצו על דוגמה כדי לטעון דוגמה.
    2. 
									
  2. צפו בחלונית ה-JSX מתעדכנת מיידית תוך כדי הקלדה או עריכה.
    3. 
									
  3. הפעילו עטוף ברכיב וקבעו שם רכיב אם אתם רוצים רכיב פונקציה מוכן.
    4. 
									
  4. לחצו על העתק כדי לקבל את ה-JSX, או הורדה כדי לשמור אותו כ-Component.jsx.
    5. 
									
  5. השתמשו בניקוי כדי לאפס את שתי החלוניות ולהמיר קטע נוסף.
    6. 
							

		
					
שאלות נפוצות

			

									

						

							
						

						

							
הוא משנה את שם class ל-className ואת for ל-htmlFor, ממיר לגמל מאפיינים עם מקף (כולל מאפייני SVG), הופך מחרוזות style מוטבעות לאובייקטי style של JSX, וסוגר עצמאית תגיות ריקות כמו img, br ו-input, כך שהפלט הוא JSX תקין.

						

					

									

						

							
						

						

							
כן. הפעילו עטוף ברכיב ובחרו שם רכיב, והכלי פולט רכיב פונקציה שלם סביב הסימון שהומר, מוכן להדבקה בפרויקט שלכם או להורדה כקובץ .jsx.

						

					

									

						

							
						

						

							
כן. מאפיין style כמו style="margin-top: 10px" הופך לאובייקט JSX כמו style={{marginTop: '10px'}}, כאשר כל מאפיין CSS מומר לגמל, כולל מאפיינים עם קידומת ספק.

						

					

									

						

							
						

						

							
לא. ההמרה פועלת כולה בדפדפן שלכם, כך שהסימון שלכם לעולם לא עוזב את המכשיר שלכם. תוכלו להמיר בבטחה תבניות פנימיות ודפים שטרם פורסמו.

						

					

									

						

							
						

						

							
כן, הוא חינמי לחלוטין. אין דרישת חשבון, אין עלות קרדיטים ואין הגבלה על מספר הקטעים שתמירו.

						

					

							


						
			


	



	
	

		

		

			שתף זאת
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
							
					
				
					

	



    
	
	

				
כלים קשורים


					

									

						
							
							
								
									מחולל קוד מ-JSON
									
								
								הפכו כל דוגמת JSON ל-TypeScript, Go, Python, Kotlin או JSON Schema — היסק הטיפוסים פועל כולו בדפדפן שלכם. חינמי ופרטי.
								
																			חינם
																	
							
						
					

									

						
							
							
								
									מעצב קוד
									
								
								יפה HTML, CSS ו-JavaScript — הוסף כניסות ומעברי שורה להפיכת קוד מבולגן או מכווץ לקריא.
								
																			חינם
																	
							
						
					

									

						
							
							
								
									ממיר cURL לקוד
									
								
								הדביקו פקודת curl וקבלו קוד מוכן להרצה עבור fetch, Python requests, PHP, Node axios או Go — מנותח כולו בדפדפן שלכם. חינמי.
								
																			חינם
																	
							
						
					

									

						
							
							
								
									ממיר קוד לתמונה
									
								
								הפוך קטע קוד לתמונה יפה וניתנת לשיתוף — ערכות נושא, רקעות, chrome של חלון ועוד.
								
																			חינם
																	
							
						
					

									

						
							
							
								
									פורמטי תאריך ושעה עולמיים
									
								
								ראה כיצד תאריכים ושעות נכתבים ברחבי העולם — בחר מדינות או שפות והשווה את הפורמטים שלהם מיידית.
								
																			חינם
																	
							
						
					

									

						
							
							
								
									JSON ↔ YAML
									
								
								המר JSON ל-YAML ובחזרה, עם אימות.
								
																			חינם
																	
							
						
					

							

			







		

			

				

					
					

						
צריך עזרה?

						
נתקלת בבעיה בכלי הזה? ספר לצוות שלנו.

					

				

				
					דיווח על בעיה
				
			

		

	





        

            

                

                    
                

                

                    

                        
הוסיפו כלי חינמי זה לאתר שלכם — העתיקו והדביקו את הקוד שלהלן.