Fluorescent hydrogels (FH) have a variety of potential applications in the field of soft electronics. However, fabrication of mechanically stable and printable fluorescent hydrogels remains challenging. Here, we report a kind of fluorescent hydrogel based on the co-assembly of peptide motif and transition metal ions. The metal ions are captured in the hydrogel network at specific positions through covalently linked ligands on the peptide hydrogelators. This efficiently prevents the aggregation and self-quenching of organometallic chromophores. In addition, the formation of metal-ligand complexes introduces additional interactions to stabilize the hydrogel network, making the FH even more stable after the incorporation of metal ions. The FH is optically transparent but highly fluorescent. By using three different metal ions, the white light fluorescent supramolecular hydrogel has been achieved. As a proof-of-principle, we demonstrate the printability of the hydrogels to various patterns. We anticipate that with the improved fluorescent performance and stability, this kind of FH can find broad applications in extrusion-based 3D printing for the construction of soft electronics.