Tell me, please, the tools or the way to synchronize parts of files.
The easiest way to explain the meaning of the problem:
There is a mobile application on jQuery Mobile which consists of a set of files with such content:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="format-detection" content="telephone=no" /> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" /> <link rel="stylesheet" type="text/css" href="js/jquery-mobile/jquery.mobile-1.4.5.min.css" /> <link rel="stylesheet" type="text/css" href="css/main.css"/> <title></title> <script type="text/javascript" src="js/jquery/jquery-2.2.0.min.js"></script> <script type="text/javascript" src="js/jquery-mobile/jquery.mobile-1.4.5.min.js"></script> <script type="text/javascript" src="js/index.js"></script> </head> <body> <div data-role="page" id="index"> =====> Content <===== <div data-role="footer" data-position="fixed"> <div data-role="navbar"> </div> </div> </div> </body> </html>
From page to page, only content changes, and the top and bottom remain the same.
Are there any tools for changing the top or bottom in one file — the same change was made to all other files?
Addition
Finally decided how it should look like:
- This is a built-in IDE tool.
- If a change in related parts occurs in a file opened in this IDE, then this change is immediately reflected in other files that are not open in the IDE for editing.
- If the file is opened in the IDE, the change is reflected after the file has been closed or the file has been saved.
Are there any such solutions in any IDE?